@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;650;700;750&family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

/* Each direction owns its visual language. Shared classes cover semantics only. */
#achja-home { width:100%; }
#achja-home .aj-page { --aj-ink:light-dark(#15252a,#eef5ee); --aj-muted:light-dark(#526062,#a8b9b9); --aj-paper:light-dark(#f7f5ef,#182a30); --aj-line:light-dark(#dbded5,#385057); color:var(--aj-ink); background:var(--aj-paper); font:400 14px/1.55 'DM Sans',sans-serif; min-height:940px; overflow:clip; position:relative; display:flex; flex-direction:column; }
#achja-home .aj-page .aj-footer { margin-top:auto; }
#achja-home .aj-page *, #achja-home .aj-page *::before, #achja-home .aj-page *::after { box-sizing:border-box; }
#achja-home .aj-page [hidden] { display:none !important; }
#achja-home .aj-page :is(h1,h2,h3,p,figure) { margin:0; }
#achja-home .aj-page :is(h1,h2,h3) { font-family:'Space Grotesk',sans-serif; color:inherit; }
#achja-home .aj-page h1 { font-size:clamp(42px,6.7vw,77px); line-height:.98; font-weight:600; letter-spacing:-.07em; }
#achja-home .aj-page h2 { font-size:clamp(30px,4.5vw,49px); line-height:1.04; font-weight:500; letter-spacing:-.055em; }
#achja-home .aj-page h3 { font-size:20px; line-height:1.2; font-weight:500; letter-spacing:-.035em; }
#achja-home .aj-page :is(button,input,a) { font:inherit; }
#achja-home .aj-page a { color:inherit; text-decoration:none; }
#achja-home .aj-page button:focus-visible, #achja-home .aj-page a:focus-visible { outline:3px solid var(--aj-accent); outline-offset:5px; }
#achja-home .aj-page .aj-wrap { padding-inline:5.2%; }
#achja-home .aj-page .aj-kicker { display:block; font:400 10px/1.5 'Space Mono',monospace; letter-spacing:.1em; text-transform:uppercase; }
#achja-home .aj-page .aj-nav { min-height:80px; display:flex; align-items:center; justify-content:space-between; gap:20px; position:relative; z-index:3; }
#achja-home .aj-page .aj-brand { display:flex; align-items:center; gap:9px; font-size:25px; font-weight:750; letter-spacing:-1.5px; white-space:nowrap; }
#achja-home .aj-page .aj-brand img { width:30px; height:30px; border-radius:9px; }
#achja-home .aj-page .aj-nav-links { display:flex; gap:23px; font-size:11px; }
#achja-home .aj-page .aj-button { display:inline-flex; gap:16px; align-items:center; justify-content:center; padding:13px 21px; border:1px solid transparent; border-radius:100px; background:var(--aj-ink); color:var(--aj-paper); font-weight:650; font-size:12px; transition:transform .2s; text-decoration:none; }
#achja-home .aj-page .aj-button:hover { transform:translateY(-2px); }
#achja-home .aj-page .aj-button.subtle { background:transparent; color:var(--aj-ink); border-color:var(--aj-line); }
#achja-home .aj-page .aj-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:25px; }
#achja-home .aj-page .aj-small { font-size:11px; color:var(--aj-muted); }
#achja-home .aj-page .aj-dot { display:inline-block; width:6px; height:6px; background:var(--aj-accent); border-radius:50%; margin-right:7px; }
#achja-home .aj-page .aj-device { display:block; padding:5px; border-radius:25px; background:light-dark(#fcfcf9,#ccd9d7); box-shadow:0 20px 40px #142d2426,0 0 0 1px #153c3524; overflow:hidden; }
#achja-home .aj-page .aj-device img { width:100%; height:auto; display:block; border-radius:20px; }
#achja-home .aj-page .aj-tag { display:inline-flex; align-items:center; gap:7px; border-radius:100px; padding:6px 10px; font-size:10px; font-weight:600; }
#achja-home .aj-page .aj-shot-trigger { border:0; padding:0; background:transparent; color:inherit; }
#achja-home .aj-page .aj-section-title { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:24px; }
#achja-home .aj-page .aj-section-title p { max-width:255px; font-size:12px; color:var(--aj-muted); }
#achja-home .aj-page .aj-section-title .aj-kicker { margin-bottom:13px; }
#achja-home .aj-page .aj-family-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
#achja-home .aj-page .aj-family-steps h3 { margin:13px 0 9px; font-size:16px; }
#achja-home .aj-page .aj-family-steps p { font-size:11px; line-height:1.65; color:var(--aj-muted); }
#achja-home .aj-page .aj-family-steps .aj-step-number { font:400 11px 'Space Mono',monospace; }
#achja-home .aj-page .aj-explorer { display:grid; grid-template-columns:1.1fr .9fr; gap:30px; align-items:center; }
#achja-home .aj-page .aj-explorer .aj-kicker { margin-bottom:14px; }
#achja-home .aj-page .aj-feature-buttons { display:flex; flex-wrap:wrap; gap:6px; margin:22px 0; }
#achja-home .aj-page .aj-feature-buttons button { padding:7px 11px; border:1px solid var(--aj-line); color:var(--aj-ink); border-radius:100px; background:transparent; font-size:11px; }
#achja-home .aj-page .aj-feature-buttons button[aria-pressed="true"] { background:var(--aj-ink); color:var(--aj-paper); border-color:var(--aj-ink); }
#achja-home .aj-page .aj-feature-detail { min-height:140px; }
#achja-home .aj-page .aj-feature-detail h3 { margin-bottom:9px; }
#achja-home .aj-page .aj-feature-detail p { max-width:360px; font-size:12px; line-height:1.65; color:var(--aj-muted); }
#achja-home .aj-page .aj-feature-detail small { display:block; margin-top:10px; font-size:10px; color:var(--aj-muted); }
#achja-home .aj-page .aj-explorer-visual { display:flex; align-items:center; justify-content:center; gap:15px; padding:23px 0; }
#achja-home .aj-page .aj-explorer-visual .aj-device { width:178px; }
#achja-home .aj-page .aj-image-caption { writing-mode:vertical-rl; font:400 9px 'Space Mono',monospace; letter-spacing:.08em; color:var(--aj-muted); }
#achja-home .aj-page .aj-alpha { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:40px; padding-block:38px; }
#achja-home .aj-page .aj-alpha h2 { margin:12px 0 15px; }
#achja-home .aj-page .aj-alpha p { font-size:12px; max-width:350px; }
#achja-home .aj-page .aj-alpha-form label { display:block; font-size:11px; margin-bottom:8px; }
#achja-home .aj-page .aj-alpha-form input { display:block; width:100%; padding:13px 15px; background:var(--aj-paper); color:var(--aj-ink); border:1px solid var(--aj-line); border-radius:8px; font-size:14px; }
#achja-home .aj-page .aj-alpha-form .aj-button { width:100%; margin:9px 0; border-radius:8px; }
#achja-home .aj-page .aj-alpha-form .aj-small { display:block; font-size:10px; line-height:1.6; }
#achja-home .aj-page .aj-alpha-form .aj-preview-note { margin-top:9px; font-size:10px; opacity:.78; }
#achja-home .aj-page .aj-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:64px; font-size:10px; }
#achja-home .aj-page .aj-footer strong { font-size:20px; letter-spacing:-1px; }

/* Freiraum: a quiet editorial layout around a spatial, tactile product stage. */
#achja-home .aj-freiraum { color-scheme:light; --aj-ink:#172e2b; --aj-muted:#52635c; --aj-paper:#f6f5ee; --aj-line:#d5dcd0; --aj-accent:#7659e9; }
#achja-home .aj-freiraum .aj-nav { border-bottom:1px solid var(--aj-line); }
#achja-home .aj-freiraum .aj-hero { display:grid; grid-template-columns:1.04fr 1fr; min-height:610px; gap:15px; align-items:center; position:relative; }
#achja-home .aj-freiraum .aj-hero-copy { position:relative; z-index:2; padding-block:50px; }
#achja-home .aj-freiraum h1 em { display:inline-block; font-style:normal; color:var(--aj-accent); position:relative; }
#achja-home .aj-freiraum h1 em::after { content:''; display:block; height:4px; background:#c9bdff; transform:rotate(-2deg); margin-top:8px; }
#achja-home .aj-freiraum .aj-hero-copy>.aj-kicker { margin-bottom:25px; }
#achja-home .aj-freiraum .aj-hero-copy>p { max-width:320px; margin-top:22px; font-size:14px; }
#achja-home .aj-freiraum .aj-hero-copy>.aj-small { margin-top:15px; display:block; }
#achja-home .aj-freiraum .aj-stage { height:540px; position:relative; isolation:isolate; }
#achja-home .aj-freiraum .aj-stage::before { content:''; position:absolute; top:108px; left:-8%; width:112%; height:340px; border-radius:50%; background:#e6dfff; transform:rotate(-32deg); z-index:-1; }
#achja-home .aj-freiraum .aj-stage .aj-device { position:absolute; width:206px; transition:transform .6s cubic-bezier(.2,.7,.2,1); }
#achja-home .aj-freiraum .aj-stage .rear { left:3%; top:87px; transform:rotate(-13deg); }
#achja-home .aj-freiraum .aj-stage .front { left:38%; top:42px; transform:rotate(9deg); z-index:2; }
#achja-home .aj-freiraum .aj-stage:hover .rear { transform:translate(-8px,-6px) rotate(-17deg); }
#achja-home .aj-freiraum .aj-stage:hover .front { transform:translate(5px,-8px) rotate(6deg); }
#achja-home .aj-freiraum .aj-stage-label { position:absolute; z-index:3; background:#fffdf7; box-shadow:0 10px 30px #192c2014; padding:12px 16px; border-radius:13px; font-size:12px; }
#achja-home .aj-freiraum .aj-stage-label b { display:block; font-weight:600; }
#achja-home .aj-freiraum .aj-stage-label small { font-size:10px; color:#52635c; }
#achja-home .aj-freiraum .aj-stage-label.top { top:19px; left:6%; transform:rotate(-5deg); }
#achja-home .aj-freiraum .aj-stage-label.bottom { bottom:18px; right:-2%; transform:rotate(4deg); }
#achja-home .aj-freiraum .aj-stage-label .aj-label-icon { display:inline-grid; place-items:center; background:#def4bf; width:25px; height:25px; border-radius:50%; margin-right:6px; }
#achja-home .aj-freiraum .aj-stage-footnote { position:absolute; bottom:-6px; left:10%; font:400 9px 'Space Mono',monospace; letter-spacing:.02em; }
#achja-home .aj-freiraum .aj-manifest { background:#dff0d1; display:flex; align-items:center; justify-content:space-between; gap:18px; padding-block:20px; font-size:16px; letter-spacing:-.03em; }
#achja-home .aj-freiraum .aj-manifest strong { font-size:22px; font-weight:500; }
#achja-home .aj-freiraum .aj-family { padding-block:48px; }
#achja-home .aj-freiraum .aj-family-steps li { border-top:1px solid var(--aj-line); padding-top:16px; }
#achja-home .aj-freiraum .aj-family-result { margin-top:22px; font-size:12px; display:flex; gap:10px; align-items:center; }
#achja-home .aj-freiraum .aj-family-result .aj-tag { background:#e8e1ff; color:#503c9d; }
#achja-home .aj-freiraum .aj-explorer { background:#e9eee4; padding-block:35px; }
#achja-home .aj-freiraum .aj-explorer-visual { background:#dce6d0; border-radius:48% 48% 12px 12px; }
#achja-home .aj-freiraum .aj-alpha { margin:34px 4% 0; border-radius:22px; background:#7659e9; color:#fff; --aj-paper:#fffdf8; --aj-ink:#24352b; --aj-line:#cfc8ef; }
#achja-home .aj-freiraum .aj-alpha .aj-kicker { color:#e3dbff; }
#achja-home .aj-freiraum .aj-alpha .aj-button { background:#dbf5b8; color:#22302b; }
#achja-home .aj-freiraum .aj-alpha .aj-small { color:#f1edff; }

/* Layout adapts to the real available space, including the conversation panel. */
@media (min-width:1200px) {
  #achja-home .aj-page h1 { font-size:77px; }
}
@media (max-width:760px) {
  #achja-home .aj-page { min-height:940px; }
  #achja-home .aj-page .aj-nav-links { gap:12px; font-size:10px; }
  #achja-home .aj-page .aj-nav { min-height:69px; gap:10px; }
  #achja-home .aj-page .aj-nav>.aj-button { padding:10px 13px; font-size:10px; }
  #achja-home .aj-page .aj-brand { font-size:22px; }
  #achja-home .aj-page .aj-brand img { width:26px; height:26px; }
  #achja-home .aj-page .aj-kicker { font-size:9px; }
  #achja-home .aj-freiraum .aj-hero { min-height:545px; }
  #achja-home .aj-freiraum .aj-stage { height:455px; }
  #achja-home .aj-freiraum .aj-stage .aj-device { width:164px; }
  #achja-home .aj-freiraum .aj-stage .front { left:38%; top:64px; }
  #achja-home .aj-freiraum .aj-stage .rear { left:-2%; top:103px; }
  #achja-home .aj-freiraum .aj-stage::before { height:260px; top:112px; }
  #achja-home .aj-freiraum .aj-stage-label { padding:9px 11px; font-size:11px; }
  #achja-home .aj-freiraum .aj-stage-label.bottom { bottom:9px; right:-5%; }
  #achja-home .aj-freiraum .aj-stage-label.top { top:18px; left:0; }
  #achja-home .aj-freiraum .aj-stage-footnote { bottom:-12px; left:0; font-size:8px; }
  #achja-home .aj-freiraum .aj-manifest { font-size:13px; }
  #achja-home .aj-freiraum .aj-manifest strong { font-size:17px; }
  #achja-home .aj-page .aj-family-steps { gap:15px; }
  #achja-home .aj-page .aj-alpha { gap:24px; }
}
@media (max-width:580px) {
  #achja-home .aj-page { min-height:1280px; }
  #achja-home .aj-page .aj-wrap { padding-inline:6%; }
  #achja-home .aj-page h1 { font-size:clamp(44px,10.5vw,61px); }
  #achja-home .aj-page h2 { font-size:35px; }
  #achja-home .aj-page .aj-nav-links { display:none; }
  #achja-home .aj-page .aj-nav { min-height:66px; }
  #achja-home .aj-page .aj-section-title { display:block; }
  #achja-home .aj-page .aj-section-title p { margin-top:16px; max-width:340px; }
  #achja-home .aj-page .aj-family-steps { grid-template-columns:1fr 1fr; gap:21px 19px; }
  #achja-home .aj-page .aj-family-steps h3 { font-size:16px; }
  #achja-home .aj-page .aj-family-steps p { font-size:12px; }
  #achja-home .aj-page .aj-explorer { grid-template-columns:1fr; gap:10px; padding-block:35px; }
  #achja-home .aj-page .aj-feature-detail { min-height:145px; }
  #achja-home .aj-page .aj-feature-detail p { font-size:13px; }
  #achja-home .aj-page .aj-explorer-visual { padding-block:22px; }
  #achja-home .aj-page .aj-explorer-visual .aj-device { width:164px; }
  #achja-home .aj-page .aj-feature-buttons button { padding:9px 12px; font-size:12px; }
  #achja-home .aj-page .aj-alpha { grid-template-columns:1fr; gap:24px; padding-block:32px; }
  #achja-home .aj-page .aj-alpha-form input { font-size:16px; }
  #achja-home .aj-page .aj-alpha-form .aj-small, #achja-home .aj-page .aj-alpha-form .aj-preview-note { font-size:11px; }
  #achja-home .aj-page .aj-footer { align-items:start; padding-top:22px; min-height:86px; flex-wrap:wrap; gap:10px; }
  #achja-home .aj-freiraum .aj-hero { display:block; min-height:auto; }
  #achja-home .aj-freiraum .aj-hero-copy { padding-top:35px; padding-bottom:5px; }
  #achja-home .aj-freiraum .aj-hero-copy>.aj-kicker { margin-bottom:20px; }
  #achja-home .aj-freiraum .aj-hero-copy>p { max-width:340px; margin-top:19px; }
  #achja-home .aj-freiraum .aj-stage { height:450px; max-width:380px; margin:25px auto 20px; }
  #achja-home .aj-freiraum .aj-stage .rear { top:65px; left:9%; width:159px; }
  #achja-home .aj-freiraum .aj-stage .front { top:40px; left:48%; width:165px; }
  #achja-home .aj-freiraum .aj-stage-label.top { top:6px; left:0; }
  #achja-home .aj-freiraum .aj-stage-label.bottom { bottom:24px; right:0; }
  #achja-home .aj-freiraum .aj-stage-footnote { bottom:1px; left:5%; font-size:8px; }
  #achja-home .aj-freiraum .aj-stage::before { left:1%; width:95%; top:92px; height:270px; }
  #achja-home .aj-freiraum .aj-manifest { flex-wrap:wrap; gap:8px 16px; padding-block:17px; }
  #achja-home .aj-freiraum .aj-manifest strong { width:100%; font-size:20px; }
  #achja-home .aj-freiraum .aj-family { padding-block:35px; }
  #achja-home .aj-freiraum .aj-family-result { display:block; line-height:1.8; }
  #achja-home .aj-freiraum .aj-family-result .aj-tag { margin-right:8px; }
  #achja-home .aj-freiraum .aj-alpha { margin:24px 4% 0; }
}
@media (max-width:360px) {
  #achja-home .aj-page { min-height:1400px; }
  #achja-home .aj-page .aj-wrap { padding-inline:5%; }
  #achja-home .aj-page .aj-brand { font-size:20px; }
  #achja-home .aj-page .aj-brand img { width:23px; height:23px; }
  #achja-home .aj-page .aj-nav>.aj-button { font-size:10px; padding:10px 12px; }
  #achja-home .aj-freiraum .aj-stage { height:414px; }
  #achja-home .aj-page .aj-alpha-form .aj-button { padding-inline:10px; }
}
#achja-home .aj-page :is(.aj-kicker,.aj-small,.aj-image-caption,.aj-stage-footnote,.aj-demo-caption,.aj-footer,.aj-alpha-form label,.aj-alpha-form .aj-small,.aj-alpha-form .aj-preview-note,.aj-stage-label small,.aj-sync-card [data-sync-text],.aj-person small,.aj-signal-received,.aj-feature-detail small,.aj-tag,.aj-nav .aj-button,.aj-nav-links) { font-size:11px; }
#achja-home .aj-freiraum .aj-alpha { background:var(--aj-accent); }
@media (pointer:coarse) {
  #achja-home .aj-page :is(.aj-button,.aj-feature-buttons button,.aj-sync-button) { min-height:44px; }
}
@media (prefers-reduced-motion:reduce) {
  #achja-home .aj-page *, #achja-home .aj-page *::before, #achja-home .aj-page *::after { transition:none !important; scroll-behavior:auto !important; }
}

/* Production layout: continuous page, real form and native screenshot dialog. */
html{scroll-behavior:smooth;background:#f6f5ee}body{margin:0}button,a,input{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #7659e9;outline-offset:4px}section{scroll-margin-top:24px}
#achja-home{max-width:1600px;margin:auto}#achja-home .aj-page{min-height:0}#achja-home .aj-page .aj-wrap{padding-inline:6%}#achja-home .aj-page h1{font-size:clamp(48px,5.2vw,88px)}#achja-home .aj-page .aj-nav{min-height:90px}#achja-home .aj-freiraum .aj-hero{min-height:690px;gap:5%}#achja-home .aj-freiraum .aj-stage{transform:translateY(var(--stage-offset,0px))}#achja-home .aj-freiraum .aj-stage .front{left:40%}#achja-home .aj-page .aj-small{font-size:13px}#achja-home .aj-page .aj-button{font-size:14px;min-height:46px}#achja-home .aj-page .aj-nav-links{font-size:14px}#achja-home .aj-page .aj-hero-copy>p{font-size:17px;max-width:400px}#achja-home .aj-page .aj-family-steps{list-style:none;padding:0;margin:0}#achja-home .aj-page .aj-family-steps p{font-size:14px}#achja-home .aj-page .aj-family-steps h3{font-size:19px}#achja-home .aj-page .aj-section-title p{font-size:15px;max-width:350px}#achja-home .aj-page .aj-family{padding-block:70px}#achja-home .aj-page .aj-explorer{padding-block:60px}#achja-home .aj-page .aj-feature-buttons button{font-size:13px;min-height:44px}#achja-home .aj-page .aj-feature-detail p{font-size:15px}#achja-home .aj-page .aj-feature-detail small{font-size:12px}#achja-home .aj-page .aj-explorer-visual .aj-device{width:220px}#achja-home .aj-page .aj-alpha{gap:7%;padding-block:45px;margin-bottom:40px}#achja-home .aj-page .aj-alpha p{font-size:15px}#achja-home .aj-page .aj-alpha .aj-kicker{color:#f4efff}#achja-home .aj-page .aj-footer{gap:24px;flex-wrap:wrap;padding-block:25px;font-size:13px}#achja-home .aj-page .aj-footer nav{display:flex;flex-wrap:wrap;gap:18px}#achja-home .footer-brand{font-weight:700;font-size:25px}#achja-home .footer-brand span{display:block;font-size:12px;font-weight:400}#achja-home .aj-page .aj-footer small{font-size:12px}
.skip-link{position:absolute;left:12px;top:-80px;background:#172e2b;color:white;padding:12px;z-index:10}.skip-link:focus{top:12px}.family-demo{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px;padding:28px;background:#e9eee4;border-radius:16px}.family-demo h3{margin-top:10px!important}.family-demo p{font-size:14px;margin-top:10px!important}.family-demo small{font-size:11px}.sync-recipients{margin:12px 0}.sync-recipients p{font-size:13px!important}.sync-recipients span{font-weight:600}.alpha-card{min-width:0;color:#fff}.alpha-card h3{margin-bottom:20px!important}.alpha-card label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.alpha-card input[type=email]{width:100%;padding:15px;border:1px solid #d7cdf1;border-radius:9px;background:#fffdf8;color:#172e2b;font-size:16px}.alpha-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.alpha-help{font-size:12px!important;line-height:1.65;margin:12px 0!important}.alpha-submit{width:100%;margin-top:12px}.alpha-submit:disabled{opacity:.65;cursor:wait}.alpha-status{font-size:14px!important;line-height:1.6;background:#fffdf8;color:#172e2b;border-radius:8px;padding:12px;margin-top:12px!important}.alpha-status:empty{display:none}.alpha-status[data-error=true]{background:#fff0dc}.privacy-note{font-size:12px!important;margin-top:16px!important;line-height:1.6}.privacy-note a{text-decoration:underline!important}#alpha-challenge{margin-top:14px;min-height:65px}#screenshot-dialog{border:0;border-radius:18px;padding:20px;max-width:min(94vw,650px);max-height:92dvh;background:#f6f5ee;color:#172e2b}#screenshot-dialog::backdrop{background:#172e2bbd}#screenshot-dialog img{display:block;width:min(100%,460px);height:auto;margin:20px auto 0;border-radius:12px}.screenshot-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;position:sticky;top:-20px;background:#f6f5ee;padding-block:10px}.screenshot-heading h2{font-size:22px!important}.screenshot-heading button{border:1px solid #cad5c7;background:#fffdf8;border-radius:30px;padding:10px 14px;font-size:13px}
@media(min-width:1200px){#achja-home .aj-freiraum .aj-stage{height:610px}#achja-home .aj-freiraum .aj-stage .aj-device{width:240px}#achja-home .aj-freiraum .aj-stage .rear{top:105px}#achja-home .aj-freiraum .aj-stage .front{top:50px}#achja-home .aj-freiraum .aj-stage::before{height:400px}}
@media(max-width:760px){#achja-home .aj-page .aj-nav-links{font-size:12px}#achja-home .aj-page .aj-nav>.aj-button{font-size:12px}#achja-home .aj-page h1{font-size:48px}#achja-home .aj-freiraum .aj-hero{min-height:610px;gap:10px}#achja-home .aj-freiraum .aj-stage .front{left:32%}#achja-home .aj-page .aj-hero-copy>p{font-size:15px}#achja-home .aj-page .aj-alpha{grid-template-columns:1fr;gap:30px}#achja-home .aj-page .aj-alpha p{max-width:100%}.family-demo{padding:22px;grid-template-columns:1fr}#achja-home .aj-page .aj-family-steps{grid-template-columns:1fr 1fr}#achja-home .aj-page .aj-explorer-visual .aj-device{width:178px}}
@media(max-width:580px){#achja-home .aj-page .aj-nav{min-height:76px}#achja-home .aj-page h1{font-size:clamp(43px,10.5vw,61px)}#achja-home .aj-freiraum .aj-hero{min-height:0}#achja-home .aj-freiraum .aj-stage .front{left:46%}#achja-home .aj-page .aj-family{padding-block:40px}#achja-home .aj-page .aj-explorer{padding-block:35px}#achja-home .aj-page .aj-footer nav{gap:12px}#achja-home .aj-page .aj-alpha{margin-bottom:10px}.family-demo{margin-top:24px}#achja-home .aj-page .aj-section-title p{font-size:14px}#achja-home .aj-page .aj-family-steps p{font-size:13px}#achja-home .aj-page .aj-family-steps h3{font-size:17px}#achja-home .aj-page .aj-explorer-visual .aj-device{width:190px}}
@media(max-width:360px){#achja-home .aj-freiraum .aj-stage .front{left:43%}#achja-home .aj-page .aj-nav>.aj-button{font-size:11px;padding-inline:11px}#achja-home .aj-page .aj-alpha{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#achja-home .aj-freiraum .aj-stage{transform:none!important}}
#achja-home .alpha-submit{display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:9px;background:#dbf5b8;color:#22302b;padding:16px;font:650 14px/1.4 "DM Sans",sans-serif;min-height:50px}

/* Give the interactive opening its own visual stage. */
#achja-home .aj-hero {
  background: radial-gradient(ellipse at 86% 12%, #784fe3, #352462 40%, #201638 74%);
  border-radius: clamp(20px, 4vw, 52px);
  color: #fff;
  padding: clamp(20px, 4vw, 64px);
}

#achja-home .aj-hero h1 {
  color: #fff;
  font-size: clamp(2.2rem, 5vw, 4.8rem);
  text-wrap: balance;
}

#achja-home .aj-hero h1 em { color: #def5ac; }
#achja-home .aj-hero-copy > p,
#achja-home .aj-hero-copy > .aj-kicker,
#achja-home .aj-hero .aj-actions .aj-small { color: #f2eaff; }

#achja-home .hero-demo {
  margin-top: 1.25rem;
  padding: 1rem;
  background: #2d2047;
  border: 1px solid #8a72b6;
  border-radius: 18px;
}

#achja-home .hero-demo .sync-recipients {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .5rem;
  margin-block: .65rem;
}

#achja-home .hero-demo .sync-recipients p {
  margin: 0;
  padding: .55rem;
  border-radius: 9px;
  background: #423258;
  color: #fff;
}

#achja-home .hero-demo .sync-recipients span { display: block; }
#achja-home .hero-demo small { color: #f2eaff; }
#achja-home .coverage-contact { margin-block: 1.5rem; }
#achja-home .coverage-contact a { text-decoration: underline; }