/* Scoped landing styles keep the dashboard and public profiles independent. */
.at-home { --at-page-bg:#f9f8f2; --at-ink:#163e36; --at-muted:#596a60; --at-accent:#d4ed78; --at-accent-border:#c5dc6c; --at-accent-shadow:#bdcf77; --at-orbit:#e6eadb; --at-orbit-line:#cbd4bd; --at-phone:#fffdf6; --at-phone-border:#dedbcc; --at-profile-muted:#697267; --at-address-line:#e9e6da; --at-avatar-ring:#eee9db; --at-link-bg:#edf1e1; --at-link-border:#e0e4d2; --at-link-selected:#204d40; --at-link-selected-text:#fffdf6; color:var(--at-ink); background:var(--at-page-bg); min-height:100svh; font-family:"DM Sans",sans-serif; transition:background-color .6s,color .6s; }
.at-home[data-theme="cafe"] { --at-page-bg:#f7f1e9; --at-ink:#4b3027; --at-muted:#76645b; --at-accent:#e8b17d; --at-accent-border:#d59a64; --at-accent-shadow:#d39c6e; --at-orbit:#ead9c7; --at-orbit-line:#d9c2aa; --at-phone:#fffaf3; --at-phone-border:#e5d6c5; --at-profile-muted:#79665b; --at-address-line:#eee2d3; --at-avatar-ring:#f2e4d2; --at-link-bg:#f2e5d6; --at-link-border:#e5d1bc; --at-link-selected:#754b36; --at-link-selected-text:#fffaf3; }
.at-home[data-theme="studio"] { --at-page-bg:#f1f6f8; --at-ink:#183a54; --at-muted:#5a6e7e; --at-accent:#93d8d5; --at-accent-border:#6fc2bf; --at-accent-shadow:#70b9b6; --at-orbit:#dcebf0; --at-orbit-line:#c3dce4; --at-phone:#fbfeff; --at-phone-border:#d4e2e8; --at-profile-muted:#5d7180; --at-address-line:#e1ebef; --at-avatar-ring:#e5f0f3; --at-link-bg:#eaf3f6; --at-link-border:#d8e8ed; --at-link-selected:#245477; --at-link-selected-text:#fbfeff; }
.at-home[data-theme="botanica"] { --at-page-bg:#f3f6ed; --at-ink:#314b37; --at-muted:#65715f; --at-accent:#bad49d; --at-accent-border:#a6c286; --at-accent-shadow:#a3bd83; --at-orbit:#e3eadb; --at-orbit-line:#cbd8c0; --at-phone:#fcfff9; --at-phone-border:#dbe5d4; --at-profile-muted:#66745e; --at-address-line:#e7eddf; --at-avatar-ring:#e8efdf; --at-link-bg:#edf3e8; --at-link-border:#dce8d3; --at-link-selected:#496b48; --at-link-selected-text:#fcfff9; }
.at-home[data-theme="lume"] { --at-page-bg:#f7f2f5; --at-ink:#4b3544; --at-muted:#766572; --at-accent:#d5b4c7; --at-accent-border:#c69bb4; --at-accent-shadow:#bd91aa; --at-orbit:#eddee7; --at-orbit-line:#ddc7d5; --at-phone:#fffbfd; --at-phone-border:#eadce5; --at-profile-muted:#796875; --at-address-line:#f0e5ec; --at-avatar-ring:#f2e6ee; --at-link-bg:#f4eaf0; --at-link-border:#e9d8e3; --at-link-selected:#805c73; --at-link-selected-text:#fffbfd; }
.at-home[data-theme="medica"] { --at-page-bg:#f0f6f7; --at-ink:#294653; --at-muted:#60747b; --at-accent:#9cc9d2; --at-accent-border:#81b7c1; --at-accent-shadow:#82b2bb; --at-orbit:#dcebed; --at-orbit-line:#c2dcdf; --at-phone:#fbfefe; --at-phone-border:#d7e5e7; --at-profile-muted:#60757b; --at-address-line:#e5eef0; --at-avatar-ring:#e4eff0; --at-link-bg:#eaf3f4; --at-link-border:#d8e8e9; --at-link-selected:#3d7280; --at-link-selected-text:#fbfefe; }
.at-home * { box-sizing:border-box; }
.at-home { overflow-x:clip; }
.at-home a { color:inherit; text-decoration:none; }
.at-home a:focus-visible { outline:3px solid #467657; outline-offset:6px; }
.at-wrap { width:min(1180px,100%); padding-inline:40px; margin-inline:auto; }
.at-header { display:flex; align-items:center; justify-content:space-between; min-height:100px; }
.at-brand { display:inline-flex; align-items:center; gap:10px; font-family:"Manrope",sans-serif; font-size:22px; font-weight:800; letter-spacing:-1px; }
.at-brand-dot { color:#729d32; margin-left:-9px; }
.at-mark { display:inline-flex; align-items:center; justify-content:center; width:37px; height:39px; border-radius:12px; background:var(--at-ink); color:var(--at-accent); font-size:28px; transition:background-color .6s,color .6s; }
.at-login { display:inline-flex; align-items:center; justify-content:center; padding:10px 17px; border:1px solid color-mix(in srgb,var(--at-ink) 45%,transparent); border-radius:9px; font-size:14px; font-weight:700; transition:background .6s,border-color .6s; }
.at-login:hover { border-color:var(--at-ink); background:#eef1e7; text-decoration:none; }
.at-hero { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); align-items:center; gap:48px; padding-top:44px; padding-bottom:60px; }
.at-copy { min-width:0; }
.at-copy h1 { font-family:"Manrope",sans-serif; font-size:clamp(46px,5.2vw,68px); font-weight:800; line-height:1.06; letter-spacing:-3.8px; }
.at-copy h1 em { font-family:"Lora",serif; font-weight:500; letter-spacing:-3px; white-space:nowrap; }
.at-lead { max-width:385px; margin-top:26px; color:var(--at-muted); font-size:17px; line-height:1.7; }
.at-action { margin-top:30px; }
.at-home .at-cta { display:inline-flex; align-items:center; justify-content:center; min-height:62px; padding:0 24px; border:1px solid var(--at-accent-border); border-radius:12px; background:var(--at-accent); font-size:17px; font-weight:700; box-shadow:0 4px 0 var(--at-accent-shadow); transition:transform .2s,background-color .6s,border-color .6s,box-shadow .6s; }
.at-home .at-cta:hover { filter:brightness(.97); transform:translateY(-2px); box-shadow:0 6px 0 var(--at-accent-shadow); }
.at-stage { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:0; min-height:530px; isolation:isolate; }
.at-backdrop { position:absolute; z-index:-1; width:100%; height:410px; top:65px; border-radius:48% 48% 44% 44%; background:var(--at-orbit); transform:rotate(-9deg); transition:background-color .6s; }
.at-backdrop::after { content:""; position:absolute; inset:18px -8px -12px 20px; border:1px solid var(--at-orbit-line); border-radius:inherit; transition:border-color .6s; }
.at-spark { position:absolute; z-index:2; top:-22px; right:-20px; display:flex; align-items:center; justify-content:center; width:56px; height:56px; font-size:48px; line-height:1; }
.at-home[data-theme="cafe"] { --at-decoration:#a96037; }
.at-home[data-theme="studio"] { --at-decoration:#458d9d; }
.at-home[data-theme="botanica"] { --at-decoration:#648750; }
.at-home[data-theme="lume"] { --at-decoration:#a16f8d; }
.at-home[data-theme="medica"] { --at-decoration:#548b97; }
.at-home .at-preview { position:relative; display:block; width:300px; max-width:calc(100% - 44px); padding:20px; border:1px solid var(--at-phone-border); border-radius:27px; background:var(--at-phone); box-shadow:0 24px 50px -22px color-mix(in srgb,var(--at-ink) 32%,transparent),7px 8px 0 #ffffff8c; transform:rotate(4deg); transition:transform .25s,box-shadow .25s,background-color .6s,border-color .6s; }
.at-home .at-preview:hover { transform:rotate(0); box-shadow:0 28px 50px -18px #173a3650; }
.at-phone-content { transition:opacity .375s cubic-bezier(.22,1,.36,1),transform .375s cubic-bezier(.22,1,.36,1); }
.at-phone-content.is-changing { opacity:0; transform:translateY(8px); }
.at-address { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:9px; color:var(--at-profile-muted); padding-bottom:15px; border-bottom:1px solid var(--at-address-line); transition:color .6s,border-color .6s; }
.at-profile { text-align:center; padding-top:24px; }
.at-profile img { display:block; width:96.14px; height:96.14px; object-fit:cover; margin:0 auto 13px; border-radius:50%; border:4px solid var(--at-avatar-ring); transition:border-color .6s; }
.at-profile h2 { font-family:"Manrope",sans-serif; font-size:20px; font-weight:800; letter-spacing:-.7px; color:var(--at-ink); transition:color .6s; }
.at-profile p { margin-top:8px; font-size:11px; line-height:1.6; color:var(--at-profile-muted); transition:color .6s; }
.at-example-links { display:grid; gap:9px; margin-top:24px; }
.at-example-links > span { display:flex; align-items:center; gap:10px; min-height:45px; padding:0 12px; border:1px solid var(--at-link-border); border-radius:9px; background:var(--at-link-bg); color:var(--at-ink); font-size:10px; font-weight:600; transition:background-color .6s,border-color .6s,color .6s; }
.at-example-links > span:first-child { background:var(--at-link-selected); color:var(--at-link-selected-text); border-color:var(--at-link-selected); }
.at-example-links .at-social-icon { display:block; flex:0 0 20px; width:20px; height:20px; object-fit:contain; }
.at-example-links .at-maps-icon { flex-basis:22px; width:22px; height:22px; }
.at-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-block:0; padding-block:22px; border-top:1px solid #dfe3d6; list-style:none; }
.at-step { display:flex; align-items:center; gap:12px; min-height:64px; padding:10px 14px; border:1px solid color-mix(in srgb,var(--at-ink) 10%,transparent); border-radius:14px; background:color-mix(in srgb,var(--at-phone) 46%,transparent); color:var(--at-ink); font-size:13px; font-weight:600; transition:background-color .6s,border-color .6s,color .6s; }
.at-step-number { display:grid; flex:0 0 36px; place-items:center; width:36px; height:36px; border-radius:50%; background:var(--at-orbit); color:var(--at-ink); font-family:"Manrope",sans-serif; font-size:11px; font-weight:800; letter-spacing:.2px; transition:background-color .6s,color .6s; }
.at-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-block:25px; color:#707b70; font-size:11px; }
@media (min-width:1400px) { .at-hero { padding-top:65px; padding-bottom:80px; } }
@media (max-width:900px) { .at-wrap { padding-inline:28px; }.at-hero { gap:20px; }.at-copy h1 { font-size:49px; letter-spacing:-2.8px; }.at-copy h1 em { letter-spacing:-2.5px; }.at-lead { font-size:15px; } }
@media (max-width:700px) { .at-header { min-height:80px; }.at-wrap { padding-inline:24px; }.at-hero { grid-template-columns:minmax(0,1fr); gap:38px; padding-top:32px; padding-bottom:28px; }.at-copy h1 { font-size:clamp(42px,9.7vw,64px); letter-spacing:-2.5px; }.at-copy h1 em { letter-spacing:-2px; }.at-lead { max-width:420px; margin-top:22px; font-size:16px; }.at-action { margin-top:25px; }.at-home .at-cta { width:100%; max-width:360px; }.at-stage { width:min(100%,420px); margin:auto; min-height:0; }.at-spark { top:-18px; right:-16px; width:48px; height:48px; font-size:40px; }.at-steps { grid-template-columns:minmax(0,1fr); gap:10px; padding-block:20px; }.at-step { min-height:56px; }.at-footer { flex-wrap:wrap; gap:8px; padding-block:20px; font-size:10px; } }
@media (prefers-reduced-motion:reduce) { .at-home,.at-home *, .at-home *::before,.at-home *::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }
