/* Gem Home · warm editorial identity, shared with the first Instagram campaign. */
:root{--beige:#f3eddf;--paper:#fbf6e9;--green:#243b2b;--dark:#172c23;--muted:#626c5b;--amber:#d5b075}
body{background:var(--beige)}
.page-glow{display:none}
.site-header{max-width:none;padding-inline:max(48px,calc((100vw - 1160px)/2));height:112px;background:var(--dark);color:#f8f0da}
.site-header .wordmark{filter:brightness(0) invert(94%) sepia(13%) saturate(383%)}
.site-header .home-mark{color:#f8f0da}
.site-header .nav-cta{background:#f1e8d2;color:#223a2b}
.site-header .language-picker select{background:#294033;color:#f8f0da;border-radius:20px}
.hero{position:relative;isolation:isolate;max-width:none;min-height:650px;padding:74px max(48px,calc((100vw - 1160px)/2)) 82px;background:var(--dark);color:#f8f0da;grid-template-columns:1.06fr 1fr;gap:55px;overflow:hidden}
.hero-copy{position:relative;z-index:2;max-width:610px}
.hero h1,html:not([lang=da]) .hero h1,html[lang=de] .hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(58px,6.5vw,92px);line-height:1.01;letter-spacing:-4.3px;font-weight:500;margin-bottom:27px;text-wrap:balance}
.hero h1 em{color:#e4cf9f}
.hero .eyebrow{color:#d6c7a4;font-size:10px;letter-spacing:2px}
.hero .small-box{color:#d6b16e}
.hero .lead{color:#d0d4c5;font-size:16px;line-height:1.9;max-width:460px}
.hero .primary{background:#f3e9cc;color:#203829;box-shadow:none;border-radius:30px}
.hero .primary:hover{background:#fff5dd}
.hero .text-link{color:#f0e8d3}
.hero .quiet-line{color:#bdc9b7;max-width:380px}
.campaign-photo{position:absolute;inset:0 0 0 43%;z-index:0}
.campaign-photo img{width:100%;height:100%;object-fit:cover;object-position:66% center;display:block}
.campaign-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#172c23 0%,#172c23b5 17%,#172c2310 55%),linear-gradient(0deg,#172c2340,transparent 30%)}
.hero-actions{gap:25px;flex-wrap:wrap}
.demo-section{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;padding-block:75px}
.demo-copy{max-width:440px}
.demo-copy h2,.section-heading h2,.sharing-copy h2,.privacy-inner h2,.faq-section h2,.download-section h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(38px,4vw,55px);letter-spacing:-1.8px;line-height:1.1;text-wrap:balance}
.demo-copy>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.9;max-width:380px}
.demo-copy .eyebrow{color:#8b6c37}
.demo-section .hero-scene{min-height:575px;width:100%;max-width:480px}
.scene-ring{border-radius:42% 42% 35% 35%;background:#dedcc6;box-shadow:none;width:390px}
.phone{transform:rotate(-3deg);box-shadow:0 24px 48px #1d34232b}
.floating-note{background:#fff9e9;border-radius:14px;box-shadow:0 10px 30px #243b2b12}
.note-top{top:30px;right:0;transform:rotate(3deg)}.note-bottom{bottom:25px;left:0;transform:rotate(2deg)}
.promise-strip{border-color:#a29b803d;color:#5d654f;padding-block:29px}
.how-section{padding-top:90px}
.step-art{background:#e2e3d0;box-shadow:none;border-radius:17px}
.step-art.amber{background:#e8dcc0}
.sharing-art{background:#dfdcc5;border-radius:22px}
.privacy-section{background:#1a3024}.privacy-section:after{display:none}
.privacy-inner{padding-block:90px}
.download-section{background:#e4dec9;border-radius:22px}
.button,.nav-cta{transition:background .15s ease,transform .15s ease}
.button:not(:disabled):hover{transform:translateY(-2px)}
@media(min-width:1500px){.hero{min-height:700px;padding-block:90px}}
@media(max-width:1000px){.site-header{padding-inline:30px}.hero{padding-inline:30px;gap:20px;min-height:620px}.hero h1,html:not([lang=da]) .hero h1,html[lang=de] .hero h1{font-size:68px;letter-spacing:-3px}.hero-actions{flex-direction:column;align-items:flex-start;gap:12px}.demo-section{gap:25px}.hero .lead{max-width:360px}.campaign-photo{left:35%}.campaign-photo:after{background:linear-gradient(90deg,#172c23,#172c23a6 30%,#172c2320 80%)}}
@media(max-width:700px){.site-header{height:auto;min-height:120px;padding:19px 24px;row-gap:11px}.site-header .language-picker select{min-height:32px}.hero{min-height:0;padding:45px 24px 0;display:flex;flex-direction:column;align-items:stretch;gap:0}.hero h1,html:not([lang=da]) .hero h1,html[lang=de] .hero h1{font-size:clamp(48px,11.5vw,74px);letter-spacing:-2.7px;max-width:580px}.hero .lead{font-size:15px;max-width:480px}.hero .eyebrow{font-size:9px;letter-spacing:1.6px}.hero-actions{flex-direction:row;align-items:center;gap:18px;margin-top:26px}.hero .quiet-line{margin-bottom:0}.campaign-photo{position:relative;inset:auto;height:340px;margin:18px -24px 0}.campaign-photo img{object-position:65% 52%}.campaign-photo:after{background:linear-gradient(180deg,#172c23,transparent 30%),linear-gradient(0deg,#172c2310,transparent 40%)}.demo-section{grid-template-columns:1fr;padding-block:60px;gap:15px}.demo-copy{max-width:520px}.demo-copy h2{font-size:40px;margin:0 0 20px}.demo-copy>p:not(.eyebrow){font-size:14px;max-width:430px}.demo-section .hero-scene{min-height:550px;margin:auto}.demo-section .note-top{top:20px}.demo-section .note-bottom{bottom:15px}.section-heading h2,.sharing-copy h2,.privacy-inner h2,.faq-section h2{font-size:38px}.how-section{padding-top:65px}.download-section h2{font-size:36px}.privacy-inner{padding-block:65px}}
@media(max-width:360px){.hero{padding-inline:19px}.campaign-photo{margin-inline:-19px;height:280px}.hero h1,html:not([lang=da]) .hero h1,html[lang=de] .hero h1{font-size:48px}.hero .eyebrow{letter-spacing:1px}.hero-actions{gap:12px}.demo-copy h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){.button,.nav-cta{transition:none}.button:not(:disabled):hover{transform:none}}
/* Stronger Gem-style headlines, a continuous masthead and an inset language chevron. */
.hero h1,html:not([lang=da]) .hero h1,html[lang=de] .hero h1{font-weight:900;letter-spacing:-.055em}
.demo-copy h2,.section-heading h2,.sharing-copy h2,.privacy-inner h2,.faq-section h2,.download-section h2{font-weight:700;letter-spacing:-.045em}
body:has(.hero) .site-header{position:relative;z-index:5;background:transparent;margin-bottom:-112px}
.hero{padding-top:186px}
.campaign-photo:after{background:linear-gradient(90deg,#172c23 0%,#172c23b5 17%,#172c2310 55%),linear-gradient(180deg,#172c23 0%,#172c2370 14%,transparent 35%),linear-gradient(0deg,#172c2340,transparent 30%)}
.language-picker{position:relative}
.language-picker select{-webkit-appearance:none;appearance:none;padding-right:38px!important}
.language-picker:after{content:'';position:absolute;right:15px;top:50%;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none;color:#405b46}
.site-header .language-picker:after{color:#ede7d3}
@media(min-width:1500px){.hero{padding-top:202px}}
@media(max-width:1000px){.campaign-photo:after{background:linear-gradient(90deg,#172c23,#172c23a6 30%,#172c2320 80%),linear-gradient(180deg,#172c23,transparent 35%)}}
@media(max-width:700px){body:has(.hero) .site-header{margin-bottom:-120px}.hero{padding-top:165px}.campaign-photo:after{background:linear-gradient(180deg,#172c23,transparent 30%),linear-gradient(0deg,#172c2310,transparent 40%)}.language-picker:after{right:14px}}
@media(min-width:1001px){.hero h1,html:not([lang=da]) .hero h1,html[lang=de] .hero h1{font-size:clamp(58px,5.8vw,84px);text-wrap:wrap}}
/* Pre-release announcement, deliberately not an imitation App Store badge. */
.download-section .app-store{background:transparent;color:var(--green);padding:0;min-height:0;min-width:0;margin:5px auto 24px;border-radius:0}
.download-section .app-store span{text-align:center}
.download-section .app-store small{font-size:12px;margin-bottom:8px}
.download-section .app-store strong{font:700 23px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
/* Original brand lockup, with a deep green wordmark on the warm footer. */
footer .brand{gap:10px;flex-shrink:0}
footer .brand-icon{width:46px;height:46px}
footer .wordmark{width:97px;height:auto;filter:brightness(0) saturate(100%) invert(19%) sepia(18%) saturate(1133%) hue-rotate(107deg) brightness(89%)}
footer .home-mark{color:#193d32;font-size:10px;letter-spacing:6px;padding-left:4px;margin-top:0}
@media(max-width:700px){footer .brand-icon{width:39px;height:39px}footer .wordmark{width:81px}footer .home-mark{font-size:8px;letter-spacing:5px}}

.download-section .app-store{background:#193d32;color:#fff5df;padding:18px 32px;min-height:78px;border-radius:22px;opacity:1;cursor:default}.download-section .app-store small{color:#fff5df;margin-bottom:4px}

/* One off-white wordmark on every branded surface. */
.site-header .wordmark{filter:none}
.site-header .home-mark{color:#fff3d9}