:root {
  --ht-ink: #0c292c;
  --ht-ink-2: #173a3d;
  --ht-paper: #f3f1ea;
  --ht-paper-2: #e9e6dc;
  --ht-white: #fffdf8;
  --ht-mint: #76d6c9;
  --ht-orange: #f2642b;
  --ht-line: rgba(12, 41, 44, .14);
  --ht-muted: #607477;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
.ht-page { margin: 0; color: var(--ht-ink); background: var(--ht-paper); font-family: "Segoe UI", Tahoma, sans-serif; }
.ht-page main { overflow: hidden; }
.ht-page h1,.ht-page h2,.ht-page h3 { text-wrap: balance; }
.ht-eyebrow { margin: 0 0 15px; color: #287d76; font-size: .69rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.ht-eyebrow--light { color: #91e5d9; }

.ht-hero { position: relative; min-height: min(920px, 100vh); color: #fff; background: #102626; isolation: isolate; }
.ht-hero::before { content: ""; position: absolute; inset: 0; z-index: -3; background: url("/static/images/hero-meteo.webp") center/cover no-repeat; }
.ht-hero::after { content: ""; position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(5, 20, 21, .88) 0%, rgba(7, 25, 26, .68) 45%, rgba(7, 25, 26, .18) 76%), linear-gradient(180deg, rgba(5, 18, 19, .08) 40%, rgba(5, 18, 19, .9) 100%); }
.ht-nav { position: relative; z-index: 20; display: flex; align-items: center; width: min(1420px, calc(100% - 72px)); min-height: 88px; margin: auto; border-bottom: 1px solid rgba(255,255,255,.18); }
.ht-brand { width: 165px; margin-right: auto; }.ht-brand img { display: block; width: 100%; filter: brightness(0) invert(1); }
.ht-nav-links { display: flex; align-items: center; gap: clamp(18px, 2vw, 34px); }.ht-nav-links a,.ht-nav-contact { color: rgba(255,255,255,.82); font-size: .72rem; font-weight: 700; text-decoration: none; }.ht-nav-links a:hover { color: #fff; }
.ht-nav-contact { display: inline-flex; align-items: center; gap: 12px; margin-left: 34px; padding: 11px 15px; border: 1px solid rgba(255,255,255,.35); border-radius: 99px; }.ht-nav-contact span { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; color: var(--ht-ink); background: #fff; }
.ht-menu-toggle { display: none; width: 44px; height: 44px; align-items: center; justify-content: center; gap: 5px; padding: 0; border: 1px solid rgba(255,255,255,.38); border-radius: 50%; color: #fff; background: rgba(8,31,32,.38); backdrop-filter: blur(10px); cursor: pointer; flex-direction: column; }
.ht-menu-toggle span { display: block; width: 17px; height: 1.5px; border-radius: 2px; background: currentColor; transition: transform .2s ease, opacity .2s ease; }
.ht-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.ht-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.ht-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }
.ht-menu-toggle:hover,.ht-menu-toggle:focus-visible { border-color: rgba(255,255,255,.8); background: rgba(17,55,55,.72); outline: none; }
.ht-mobile-menu { position: absolute; top: calc(100% + 12px); right: 0; width: min(620px, 100%); padding: 18px; border: 1px solid rgba(151,218,207,.28); border-radius: 14px; background: rgba(5,27,29,.97); box-shadow: 0 24px 70px rgba(0,0,0,.34); backdrop-filter: blur(22px); }
.ht-mobile-menu__head { display: flex; align-items: center; justify-content: space-between; padding: 4px 3px 16px; border-bottom: 1px solid rgba(255,255,255,.12); text-transform: uppercase; }.ht-mobile-menu__head span { color: #91e5d9; font-size: .62rem; font-weight: 900; letter-spacing: .14em; }.ht-mobile-menu__head small { color: rgba(255,255,255,.45); font-size: .55rem; letter-spacing: .08em; }
.ht-mobile-menu__links { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 10px; background: rgba(255,255,255,.1); }
.ht-mobile-menu__links a { display: flex; min-height: 64px; align-items: center; gap: 14px; padding: 14px; color: #f5fbfa; background: #092b2d; text-decoration: none; transition: background .18s ease; }.ht-mobile-menu__links a:hover,.ht-mobile-menu__links a:focus-visible { background: #123d3e; outline: none; }.ht-mobile-menu__links span { color: #f47a49; font-size: .56rem; font-weight: 900; }.ht-mobile-menu__links strong { font-size: .72rem; }
.ht-mobile-menu__contact { display: flex; align-items: center; justify-content: space-between; margin-top: 11px; padding: 15px 16px; border-radius: 7px; color: #08292b; background: #8de1d5; font-size: .7rem; font-weight: 900; text-decoration: none; }.ht-mobile-menu__contact span { font-size: 1rem; }
.ht-hero-inner { display: grid; grid-template-columns: minmax(0, 1fr) 250px; align-items: end; width: min(1420px, calc(100% - 72px)); min-height: 595px; margin: auto; padding: 88px 0 75px; }
.ht-hero-copy { max-width: 900px; }.ht-hero h1 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(4rem, 7.4vw, 7.9rem); font-weight: 500; letter-spacing: -.066em; line-height: .86; }.ht-hero h1 em { color: #9be6da; font-weight: inherit; }
.ht-hero-lead { max-width: 690px; margin: 31px 0 0; color: rgba(247,252,250,.84); font-size: clamp(1rem, 1.35vw, 1.22rem); line-height: 1.67; }
.ht-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 31px; }.ht-button { display: inline-flex; min-height: 49px; align-items: center; justify-content: center; gap: 18px; padding: 0 21px; border-radius: 6px; font-size: .76rem; font-weight: 900; text-decoration: none; transition: transform .2s ease, background .2s ease; }.ht-button:hover { transform: translateY(-2px); }.ht-button--bright { color: #fff; background: var(--ht-orange); }.ht-button--bright:hover { background: #d94d19; }.ht-button--glass { color: #fff; border: 1px solid rgba(255,255,255,.44); background: rgba(255,255,255,.08); backdrop-filter: blur(8px); }
.ht-source { display: flex; align-items: center; gap: 11px; margin-top: 17px; color: rgba(255,255,255,.62); font-size: .58rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }.ht-source img { width: 48px; border-radius: 4px; }
.ht-hero-note { align-self: end; padding: 23px; border: 1px solid rgba(255,255,255,.22); border-radius: 13px; background: rgba(7, 30, 31, .56); backdrop-filter: blur(18px); }.ht-hero-note__index { color: #87dcd1; font-size: .65rem; font-weight: 900; }.ht-hero-note p { margin: 16px 0 27px; font-family: Georgia, "Times New Roman", serif; font-size: 1.25rem; line-height: 1.3; }.ht-hero-note a { display: flex; justify-content: space-between; color: #fff; font-size: .67rem; font-weight: 850; text-decoration: none; }
.ht-hero-stats { display: grid; grid-template-columns: repeat(3, minmax(145px, .6fr)) minmax(280px, 1.3fr); gap: 1px; width: min(1420px, calc(100% - 72px)); margin: auto; border-top: 1px solid rgba(255,255,255,.18); }.ht-hero-stats div { padding: 24px 0; }.ht-hero-stats strong { display: block; font-family: Georgia, "Times New Roman", serif; font-size: 2rem; font-weight: 500; }.ht-hero-stats span { color: rgba(255,255,255,.62); font-size: .68rem; }.ht-hero-stats p { align-self: center; margin: 0; padding-left: 35px; border-left: 1px solid rgba(255,255,255,.18); color: rgba(255,255,255,.7); font-size: .76rem; line-height: 1.55; }

.ht-now { width: min(1320px, calc(100% - 72px)); padding: 125px 0 115px; margin: auto; }.ht-now-head { display: grid; grid-template-columns: .85fr 1.15fr; align-items: end; gap: 9vw; margin-bottom: 63px; }.ht-now h2,.ht-section-head h2,.ht-app-grid h2,.ht-method h2,.ht-faq h2 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(3rem, 5.3vw, 5.6rem); font-weight: 500; letter-spacing: -.06em; line-height: .91; }.ht-now-head > p { max-width: 570px; margin: 0 0 7px; color: var(--ht-muted); line-height: 1.78; }
.ht-now-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }.ht-now-card { display: flex; min-width: 0; overflow: hidden; border: 1px solid var(--ht-line); border-radius: 13px; color: var(--ht-ink); background: rgba(255,253,248,.72); flex-direction: column; text-decoration: none; transition: transform .28s ease, box-shadow .28s ease; }.ht-now-card:hover { transform: translateY(-6px); box-shadow: 0 22px 48px rgba(20,44,44,.12); }.ht-now-card__image { position: relative; height: 245px; overflow: hidden; background: #092528; }.ht-now-card__image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 60%, rgba(5,26,28,.34)); pointer-events: none; }.ht-now-card__image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .65s ease, filter .65s ease; }.ht-now-card:hover .ht-now-card__image img { transform: scale(1.025); filter: saturate(1.07); }.ht-now-card--heat .ht-now-card__image img,.ht-now-card--soil .ht-now-card__image img { padding: 3%; object-fit: contain; background: #071f23; }.ht-now-card--rain .ht-now-card__image img { object-fit: cover; object-position: center; }
.ht-now-card__image > span { position: absolute; z-index: 2; left: 16px; bottom: 15px; max-width: calc(100% - 32px); padding: 7px 10px; border: 1px solid rgba(255,255,255,.25); border-radius: 99px; color: #fff; background: rgba(6,31,33,.84); backdrop-filter: blur(8px); font-size: .58rem; font-weight: 850; letter-spacing: .04em; }.ht-now-card__body { display: flex; flex: 1; padding: 27px 27px 29px; flex-direction: column; }.ht-now-card__body small { color: #278078; font-size: .59rem; font-weight: 900; letter-spacing: .13em; }.ht-now-card__body h3 { margin: 18px 0 13px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.7rem, 2.3vw, 2.35rem); font-weight: 500; letter-spacing: -.045em; line-height: 1.02; }.ht-now-card__body p { margin: 0 0 28px; color: var(--ht-muted); font-size: .76rem; line-height: 1.65; }.ht-now-card__body b { display: flex; justify-content: space-between; margin-top: auto; padding-top: 18px; border-top: 1px solid var(--ht-line); font-size: .67rem; }.ht-now-card__body b span { color: var(--ht-orange); transition: transform .2s ease; }.ht-now-card:hover b span { transform: translateX(4px); }

.ht-tools { padding: 112px max(36px, calc((100vw - 1420px) / 2)); background: var(--ht-white); }.ht-section-head { display: grid; grid-template-columns: 1fr .72fr; align-items: end; gap: 8vw; margin-bottom: 82px; }.ht-section-head > p { max-width: 500px; margin: 0 0 8px; color: var(--ht-muted); line-height: 1.75; }
.ht-tool { display: grid; grid-template-columns: minmax(360px, .78fr) minmax(0, 1.22fr); min-height: 590px; margin-bottom: 28px; overflow: hidden; border: 1px solid var(--ht-line); border-radius: 16px; background: #f0eee7; }.ht-tool--reverse .ht-tool-copy { order: 2; }.ht-tool--reverse .ht-tool-visual { order: 1; }.ht-tool-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(38px, 5vw, 78px); }.ht-tool-number { color: #819093; font-size: .63rem; font-weight: 900; letter-spacing: .12em; }.ht-tool-label { margin: 54px 0 15px; color: #287d76; font-size: .67rem; font-weight: 900; letter-spacing: .14em; }.ht-tool h3 { margin: 0 0 25px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.7rem, 4.5vw, 4.7rem); font-weight: 500; letter-spacing: -.06em; line-height: .91; }.ht-tool-copy > p:not(.ht-tool-label) { margin: 0; color: var(--ht-muted); font-size: .9rem; line-height: 1.72; }.ht-tool-points { display: grid; gap: 9px; margin: 23px 0 30px; padding: 0; list-style: none; color: #405b5e; font-size: .76rem; }.ht-tool-points li::before { content: "↳"; margin-right: 10px; color: var(--ht-orange); }.ht-text-link { display: inline-flex; align-items: center; align-self: flex-start; gap: 12px; padding-bottom: 5px; border-bottom: 1px solid rgba(12,41,44,.36); color: var(--ht-ink); font-size: .76rem; font-weight: 900; text-decoration: none; }.ht-text-link span { color: var(--ht-orange); transition: transform .2s ease; }.ht-text-link:hover span { transform: translateX(4px); }
.ht-tool-visual { position: relative; display: block; min-height: 460px; overflow: hidden; background: #092427; }.ht-tool-visual::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 80px rgba(5,26,27,.15); pointer-events: none; }.ht-tool-visual img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease, filter .7s ease; }.ht-tool-visual:hover img { transform: scale(1.025); filter: saturate(1.08); }.ht-visual-tag { position: absolute; right: 20px; bottom: 20px; z-index: 2; padding: 9px 12px; border: 1px solid rgba(255,255,255,.28); border-radius: 99px; color: #fff; background: rgba(5,29,31,.82); backdrop-filter: blur(8px); font-size: .61rem; font-weight: 800; }.ht-tool--variables .ht-tool-visual img,.ht-tool--recent .ht-tool-visual img { object-fit: contain; padding: 7%; background: #092427; }.ht-tool--themes .ht-tool-visual img,.ht-tool--soil .ht-tool-visual img { object-fit: contain; padding: 4%; background: #061d21; }

.ht-app-grid { padding: 125px max(36px, calc((100vw - 1220px) / 2)); background: var(--ht-paper-2); }.ht-app-grid > header { display: flex; align-items: end; justify-content: space-between; margin-bottom: 64px; }.ht-app-grid__items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.ht-app-grid__items a { min-height: 285px; padding: 30px; border: 1px solid var(--ht-line); border-radius: 12px; color: var(--ht-ink); background: rgba(255,253,248,.58); text-decoration: none; transition: transform .25s ease, background .25s ease; }.ht-app-grid__items a:hover { transform: translateY(-5px); background: var(--ht-white); }.ht-app-icon { display: grid; width: 43px; height: 43px; place-items: center; margin-bottom: 47px; border: 1px solid #8da3a2; border-radius: 50%; color: var(--ht-orange); font-family: Georgia, serif; font-size: 1.25rem; }.ht-app-grid h3 { margin: 0 0 12px; font-family: Georgia, "Times New Roman", serif; font-size: 1.55rem; font-weight: 500; }.ht-app-grid__items p { min-height: 60px; margin: 0 0 24px; color: var(--ht-muted); font-size: .76rem; line-height: 1.55; }.ht-app-grid__items b { font-size: .66rem; }

.ht-download { display: grid; grid-template-columns: 1fr .9fr; gap: 8vw; align-items: center; padding: 115px max(36px, calc((100vw - 1220px) / 2)); color: #fff; background: radial-gradient(circle at 85% 20%, rgba(73,147,139,.24), transparent 28rem), #0a292c; }.ht-download h2,.ht-final-cta h2 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(3.2rem, 5.3vw, 5.7rem); font-weight: 500; letter-spacing: -.06em; line-height: .91; }.ht-download-copy > p:not(.ht-eyebrow) { max-width: 620px; margin: 28px 0 0; color: #a9c2c1; line-height: 1.75; }.ht-download .ht-button { margin-top: 28px; }
.ht-data-preview { padding: 12px; border: 1px solid rgba(141,222,210,.25); border-radius: 14px; background: rgba(5,27,29,.72); box-shadow: 0 28px 65px rgba(0,0,0,.24); }.ht-data-preview__top,.ht-data-preview__row { display: grid; align-items: center; padding: 17px 18px; border-bottom: 1px solid rgba(255,255,255,.1); }.ht-data-preview__top { grid-template-columns: 1fr auto; color: #83d8cd; font-size: .62rem; font-weight: 900; letter-spacing: .13em; }.ht-data-preview__top b { padding: 6px 9px; border-radius: 5px; color: #fff; background: var(--ht-orange); }.ht-data-preview__row { grid-template-columns: .7fr 1fr auto; gap: 15px; }.ht-data-preview__row span { color: #6f9293; font-size: .62rem; }.ht-data-preview__row strong { font-size: .8rem; }.ht-data-preview__row em { color: #91aeaf; font-size: .62rem; font-style: normal; }.ht-data-preview__chips { display: flex; flex-wrap: wrap; gap: 7px; padding: 18px; }.ht-data-preview__chips span { padding: 7px 9px; border: 1px solid rgba(255,255,255,.14); border-radius: 99px; color: #b7cccb; font-size: .58rem; }

.ht-method { padding: 125px max(36px, calc((100vw - 1220px) / 2)); background: var(--ht-white); }.ht-method { display: grid; grid-template-columns: .7fr 1.3fr; gap: 8vw; }.ht-method-items { display: grid; gap: 1px; border: 1px solid var(--ht-line); background: var(--ht-line); }.ht-method-items article { position: relative; min-height: 178px; padding: 30px 30px 28px 80px; background: var(--ht-white); }.ht-method-items span { position: absolute; left: 28px; top: 31px; color: var(--ht-orange); font-size: .66rem; font-weight: 900; }.ht-method-items h3 { margin: 0 0 10px; font-family: Georgia, serif; font-size: 1.4rem; font-weight: 500; }.ht-method-items p { margin: 0; color: var(--ht-muted); font-size: .79rem; line-height: 1.65; }.ht-method .ht-text-link { grid-column: 2; justify-self: start; }

.ht-story { display: grid; grid-template-columns: 1.15fr .85fr; min-height: 520px; color: #fff; background: #0b2528; }.ht-story-image { position: relative; display: block; overflow: hidden; }.ht-story-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 65%, rgba(7,30,32,.35)); }.ht-story-image img { width: 100%; height: 100%; object-fit: cover; }.ht-story-image > span { position: absolute; z-index: 2; top: 25px; left: 25px; padding: 8px 11px; border: 1px solid rgba(255,255,255,.25); border-radius: 99px; color: #fff; background: rgba(8,34,36,.78); font-size: .61rem; font-weight: 900; letter-spacing: .12em; }.ht-story-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(42px, 6vw, 90px); }.ht-story-copy h2 { margin: 0 0 24px; font-family: Georgia, serif; font-size: clamp(3rem, 4.7vw, 5.1rem); font-weight: 500; letter-spacing: -.06em; line-height: .9; }.ht-story-copy h2 em { color: var(--ht-orange); font-weight: inherit; }.ht-story-copy > p:not(.ht-eyebrow) { margin: 0; color: #a7c0bf; font-size: .85rem; line-height: 1.7; }.ht-story-meta { display: flex; gap: 28px; margin: 22px 0 28px; color: #6f9292; font-size: .64rem; }.ht-story .ht-text-link { color: #fff; border-color: rgba(255,255,255,.28); }

.ht-faq { display: grid; grid-template-columns: .7fr 1.3fr; gap: 8vw; padding: 125px max(36px, calc((100vw - 1220px) / 2)); background: var(--ht-paper); }.ht-faq-list { border-top: 1px solid var(--ht-line); }.ht-faq details { border-bottom: 1px solid var(--ht-line); }.ht-faq summary { display: flex; align-items: center; justify-content: space-between; padding: 24px 0; cursor: pointer; font-family: Georgia, serif; font-size: 1.25rem; list-style: none; }.ht-faq summary::-webkit-details-marker { display: none; }.ht-faq summary span { color: var(--ht-orange); font-family: "Segoe UI", sans-serif; font-weight: 400; }.ht-faq details[open] summary span { transform: rotate(45deg); }.ht-faq details p { margin: -5px 45px 25px 0; color: var(--ht-muted); font-size: .82rem; line-height: 1.7; }

.ht-final-cta { padding: 115px max(36px, calc((100vw - 1220px) / 2)); color: #fff; background: linear-gradient(rgba(6,29,30,.73),rgba(6,29,30,.9)), url("/static/images/hero-meteo.webp") center 54%/cover; }.ht-final-cta h2 { max-width: 1030px; }.ht-final-cta h2 em { color: #9be6da; font-weight: inherit; }

@media (max-width: 1050px) {
  .ht-nav-links { display: none; }.ht-menu-toggle { display: flex; }.ht-hero-inner { grid-template-columns: 1fr; }.ht-hero-note { display: none; }.ht-hero-stats { grid-template-columns: repeat(3, 1fr); }.ht-hero-stats p { display: none; }
  .ht-tool { grid-template-columns: 1fr; }.ht-tool--reverse .ht-tool-copy,.ht-tool--reverse .ht-tool-visual { order: initial; }.ht-tool-visual { min-height: 480px; }
  .ht-now-grid { grid-template-columns: 1fr 1fr; }.ht-now-card--heat { grid-column: 1 / -1; display: grid; grid-template-columns: 1.15fr .85fr; }.ht-now-card--heat .ht-now-card__image { height: 100%; min-height: 360px; }
  .ht-app-grid__items { grid-template-columns: repeat(2,1fr); }.ht-method,.ht-faq { grid-template-columns: 1fr; }.ht-method .ht-text-link { grid-column: 1; }.ht-story { grid-template-columns: 1fr; }.ht-story-image { min-height: 440px; }
}

@media (max-width: 700px) {
  .ht-nav { width: calc(100% - 34px); min-height: 70px; }.ht-brand { width: 138px; }.ht-nav-contact { display: none; }.ht-menu-toggle { margin-left: 14px; }.ht-mobile-menu { top: calc(100% + 9px); left: 0; width: 100%; padding: 13px; border-radius: 11px; }.ht-mobile-menu__links { grid-template-columns: 1fr; }.ht-mobile-menu__links a { min-height: 53px; padding: 11px 13px; }
  .ht-hero { min-height: 820px; }.ht-hero-inner { width: calc(100% - 34px); min-height: 590px; padding: 68px 0 55px; }.ht-hero h1 { font-size: 3.7rem; line-height: .9; }.ht-hero-lead { font-size: .94rem; }.ht-actions { align-items: stretch; flex-direction: column; }.ht-button { width: 100%; }
  .ht-hero-stats { width: calc(100% - 34px); grid-template-columns: repeat(3,1fr); }.ht-hero-stats div { padding: 20px 4px; }.ht-hero-stats strong { font-size: 1.45rem; }.ht-hero-stats span { font-size: .55rem; }
  .ht-now { width: calc(100% - 34px); padding: 82px 0; }.ht-now-head { grid-template-columns: 1fr; gap: 30px; margin-bottom: 43px; }.ht-now-grid { grid-template-columns: 1fr; }.ht-now-card--heat { display: flex; grid-column: auto; }.ht-now-card--heat .ht-now-card__image,.ht-now-card__image { height: 220px; min-height: 0; }.ht-now-card__body { padding: 24px; }
  .ht-tools,.ht-app-grid,.ht-method,.ht-faq,.ht-download,.ht-final-cta { padding: 78px 17px; }.ht-section-head { grid-template-columns: 1fr; gap: 28px; margin-bottom: 48px; }
  .ht-tool { min-height: 0; border-radius: 10px; }.ht-tool-copy { padding: 34px 24px 39px; }.ht-tool-label { margin-top: 34px; }.ht-tool h3 { font-size: 2.85rem; }.ht-tool-visual { min-height: 310px; }.ht-tool--variables .ht-tool-visual img,.ht-tool--recent .ht-tool-visual img { padding: 3%; }
  .ht-app-grid__items { grid-template-columns: 1fr; }.ht-app-grid__items a { min-height: 245px; }.ht-download { grid-template-columns: 1fr; }.ht-data-preview__row { grid-template-columns: 1fr 1.2fr; }.ht-data-preview__row em { display: none; }
  .ht-method-items article { padding-left: 65px; }.ht-method-items span { left: 22px; }.ht-story-image { min-height: 300px; }.ht-story-copy { padding: 55px 22px; }.ht-faq summary { font-size: 1.05rem; }
}