/* Gramo field launch — photo-led, direct, practical */
.home-hero{min-height:clamp(440px,52vw,600px)}.home-hero::before{background-image:url('../assets/images/hero-a.jpg?v=20261010-3');background-position:center right;filter:none}.home-hero::after{background:linear-gradient(90deg,rgba(6,16,10,.92) 0%,rgba(7,20,13,.72) 34%,rgba(7,18,12,.04) 60%),linear-gradient(0deg,rgba(5,14,9,.35),transparent 45%)}.home-hero .hero-content{max-width:620px}.hero-caption{position:absolute;right:20px;bottom:14px;color:rgba(255,255,255,.72);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.quick-proof{background:#0d2117;color:white}.quick-proof-grid{display:grid;grid-template-columns:repeat(3,1fr)}.quick-proof-grid>div{display:grid;grid-template-columns:auto 1fr;gap:3px 16px;padding:28px 32px;border-right:1px solid rgba(255,255,255,.13)}.quick-proof-grid span{grid-row:1/3;color:var(--grain);font:800 .78rem Chivo}.quick-proof-grid strong,.quick-proof-grid small{display:block}.quick-proof-grid small{color:rgba(255,255,255,.6)}
.field-story,.system-grid,.app-story,.risk-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);gap:clamp(45px,8vw,110px);align-items:center}.field-story .eyebrow,.app-story .eyebrow{color:var(--grain)}.field-photo{margin:0}.field-photo img{width:100%;height:auto;border-radius:22px;box-shadow:0 30px 75px rgba(0,0,0,.24)}.field-photo figcaption,.product-main-photo figcaption,.photo-grid figcaption{margin-top:10px;color:var(--ink-soft);font-size:.78rem}.section--ink .field-photo figcaption{color:rgba(255,255,255,.55)}
.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.decision-card{position:relative;min-height:440px;padding:clamp(34px,5vw,60px);overflow:hidden;border-radius:24px;color:white;text-decoration:none}.decision-card::after{position:absolute;right:-60px;bottom:-95px;width:280px;height:280px;border:50px solid rgba(255,255,255,.1);border-radius:50%;content:''}.decision-card.hot{background:#a44a2c}.decision-card.cold{background:#2e6672}.decision-card>span{font-size:.77rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.decision-card h2{max-width:610px;margin:80px 0 18px;font-size:clamp(2rem,4vw,3.7rem)}.decision-card p{max-width:520px;color:rgba(255,255,255,.74)}.decision-card b{position:absolute;bottom:36px;left:clamp(34px,5vw,60px)}
.contact-strip{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.contact-strip-actions{display:flex;flex-direction:column;gap:13px}.phone-link{display:grid;padding:18px 21px;border:1px solid rgba(20,39,29,.24);border-radius:13px;color:var(--ink);text-decoration:none;background:rgba(255,255,255,.55)}.phone-link small{color:var(--ink-soft)}.phone-link strong{font:800 clamp(1.35rem,2.5vw,2rem) Chivo}
.product-hero{background-image:linear-gradient(90deg,rgba(10,31,20,.94),rgba(10,31,20,.58)),url('../assets/images/field/capteur-f01-1280.webp');background-position:center;background-size:cover}.product-showcase{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(40px,7vw,90px);align-items:start}.product-main-photo{position:sticky;top:105px;margin:0}.product-main-photo img{width:100%;border-radius:22px;box-shadow:var(--shadow)}.product-points article{padding:32px 0;border-bottom:1px solid var(--line)}.product-points span{color:var(--green);font-weight:850}.product-points h2{margin:13px 0;font-size:clamp(1.8rem,3vw,2.8rem)}.plain-list{display:grid;gap:10px;padding:0;list-style:none}.plain-list li{padding:13px 0 13px 27px;border-bottom:1px solid var(--line);position:relative}.plain-list li::before{position:absolute;left:0;color:var(--green);content:'✓';font-weight:900}.system-grid{grid-template-columns:1fr .82fr}.gateway-photo img{max-height:650px;object-fit:cover}.app-story{grid-template-columns:.75fr 1.25fr}.app-mock{overflow:hidden;border-radius:20px;background:#f5f6ef;color:var(--ink);box-shadow:0 35px 90px rgba(0,0,0,.35)}.app-top,.app-row{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}.app-top{grid-template-columns:1fr auto;background:var(--grain)}.app-row div strong,.app-row div small{display:block}.app-row div small{color:var(--ink-soft)}.app-row i{padding:6px 9px;border-radius:99px;background:#dbeada;color:#285e42;font-size:.72rem;font-style:normal;font-weight:800}.app-row.warning{border-left:6px solid var(--rust)}.app-row.warning i{background:#f5dfd4;color:#963d24}.photo-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:18px}.photo-grid figure{margin:0}.photo-grid img{width:100%;height:540px;object-fit:cover;border-radius:20px}.photo-grid figure:last-child img{object-position:center 30%}
.why-hero{background-image:linear-gradient(90deg,rgba(12,33,21,.94),rgba(12,33,21,.63)),url('../assets/images/field/deploiement-grain-large-1280.webp');background-position:center;background-size:cover}.risk-split{grid-template-columns:1fr .9fr}.risk-split.reverse>div:first-child{order:2}.risk-split.reverse>.temperature-diagram{order:1}.consequence-list{margin-top:35px}.consequence-list article{display:grid;grid-template-columns:150px 1fr;gap:25px;padding:22px 0;border-top:1px solid var(--line)}.consequence-list p{margin:0;color:var(--ink-soft)}.tall-photo img{height:auto}.section--cold{background:#dfecef}.temperature-diagram{position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;min-height:470px;padding:32px;border-radius:24px;background:linear-gradient(135deg,#efab77 0 49%,#8ac2d0 51%);box-shadow:var(--shadow)}.temp-side{display:grid;align-content:center;min-height:220px;padding:22px;border-radius:16px;background:rgba(255,255,255,.83);text-align:center}.temp-side span{color:var(--ink-soft)}.temp-side b{font:800 1.4rem Chivo}.temp-arrow{font-size:2rem}.condensation{position:absolute;right:30px;bottom:28px;left:30px;padding:13px;border-radius:10px;background:#14271d;color:white;text-align:center}.risk-callout{display:flex;justify-content:space-between;gap:50px;align-items:center;padding:clamp(35px,6vw,70px);border-radius:24px;background:var(--paper)}.risk-callout>div{max-width:820px}.risk-callout h2{font-size:clamp(2rem,4vw,3.8rem)}
.price-hero a{color:var(--grain)}.price-start{display:grid;max-width:440px;margin-top:35px;padding:20px 24px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(255,255,255,.08)}.price-start span,.price-start small{color:rgba(255,255,255,.66)}.price-start strong{font:800 2rem Chivo;color:var(--grain)}
.single-photo figure{margin:0}.single-photo img{width:100%;max-height:560px;object-fit:cover;border-radius:22px;box-shadow:var(--shadow)}.single-photo figcaption{margin-top:10px;color:var(--ink-soft);font-size:.78rem}
@media(max-width:980px){.field-story,.system-grid,.app-story,.risk-split,.product-showcase,.contact-strip{grid-template-columns:1fr}.product-main-photo{position:static}.decision-grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:1fr}.photo-grid img{height:auto}.risk-split.reverse>div:first-child,.risk-split.reverse>.temperature-diagram{order:initial}.quick-proof-grid{grid-template-columns:1fr}.quick-proof-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.13)}.risk-callout{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.home-hero{min-height:auto;display:block;background:#0e2318;overflow:hidden}.home-hero::before{inset:0 0 auto 0;height:66vw;min-height:230px;background-image:url('../assets/images/hero-a-mobile.jpg?v=20261010-5');background-position:center;background-size:contain;background-color:#0e2318}.home-hero::after{display:none}.home-hero .hero-content{padding-top:calc(max(66vw,230px) + 18px);padding-bottom:40px;margin-top:0}.home-hero h1{font-size:clamp(2.4rem,12vw,3.3rem)}.hero-caption{display:none}.quick-proof-grid>div{padding:20px 4px}.decision-card{min-height:390px}.decision-card h2{margin-top:55px}.consequence-list article{grid-template-columns:1fr;gap:5px}.temperature-diagram{grid-template-columns:1fr;min-height:520px}.temp-arrow{transform:rotate(90deg);text-align:center}.app-row{grid-template-columns:1fr auto}.app-row i{grid-column:1/-1;width:max-content}.photo-grid img{max-height:440px}}
