@font-face{font-family:Noto;src:url("assets/fonts/noto-sans-400.woff2") format("woff2");font-display:swap;font-weight:400}
@font-face{font-family:Noto;src:url("assets/fonts/noto-sans-700.woff2") format("woff2");font-display:swap;font-weight:700}
:root{--ink:#321a12;--muted:#755347;--brand:#c2410c;--brand-dark:#7a1f1f;--gold:#f3b63f;--cream:#fff7e6;--paper:#fffdf8;--line:#edd1a7;--shadow:0 24px 70px rgba(105,42,14,.14)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Noto,"Noto Sans",system-ui,sans-serif;line-height:1.6;text-rendering:optimizeLegibility}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,a{font:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.skip-link{position:fixed;z-index:20;left:16px;top:10px;transform:translateY(-150%);padding:10px 16px;border-radius:10px;background:var(--ink);color:white}
.skip-link:focus{transform:none}
.site-header{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 32px));margin:18px auto 0;padding:10px 12px;border:1px solid rgba(231,181,108,.65);border-radius:20px;background:rgba(255,253,248,.88);box-shadow:0 10px 35px rgba(107,47,19,.08);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em}.brand img{border-radius:12px}
nav{display:flex;gap:30px;color:var(--muted);font-size:.92rem}nav a:hover{color:var(--brand)}
.header-cta{padding:10px 16px;border-radius:12px;background:var(--ink);color:white;font-size:.86rem;font-weight:700}
main{overflow:hidden}
.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:center;gap:72px;width:min(1160px,calc(100% - 40px));min-height:760px;margin:auto;padding:72px 0 90px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-size:.76rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.eyebrow:before{width:22px;height:1px;background:currentColor;content:""}
h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}
h1{max-width:720px;margin:18px 0 24px;font-size:clamp(3.35rem,6vw,6.4rem)}
.hero-lede{max-width:650px;margin-bottom:30px;color:var(--muted);font-size:clamp(1.05rem,1.7vw,1.25rem)}
.store-buttons{display:flex;flex-wrap:wrap;gap:12px}
.store-buttons button{display:grid;min-width:174px;padding:11px 20px;border:0;border-radius:15px;background:var(--ink);color:white;text-align:left;cursor:not-allowed;opacity:1}
.store-buttons small{font-size:.68rem;line-height:1.15;opacity:.72}.store-buttons strong{font-size:1.03rem;line-height:1.35}
.hero-proof{display:flex;gap:26px;margin-top:28px;color:var(--muted);font-size:.83rem}.hero-proof span{display:grid}.hero-proof strong{color:var(--ink);font-size:1.25rem}
.hero-visual{position:relative;display:grid;min-height:610px;place-items:center}
.glow{position:absolute;border-radius:50%;filter:blur(4px)}.glow-one{width:430px;height:430px;background:#f8c969;opacity:.36}.glow-two{right:2%;bottom:5%;width:170px;height:170px;background:#c02666;opacity:.18}
.phone{position:relative;width:310px;padding:10px;border:2px solid #502b20;border-radius:48px;background:#24120d;box-shadow:0 36px 90px rgba(57,20,8,.3);transform:rotate(2deg)}
.phone:before{position:absolute;z-index:2;top:17px;left:50%;width:94px;height:24px;border-radius:20px;background:#24120d;content:"";transform:translateX(-50%)}
.phone-screen{min-height:610px;padding:22px 17px 14px;border-radius:38px;background:linear-gradient(180deg,#fffaf0,#ffe8c0);overflow:hidden}
.phone-top{display:flex;justify-content:space-between;padding:0 6px;color:#54372e;font-size:.63rem;font-weight:700}.phone-label{margin:32px 0 4px;color:var(--brand);font-size:.55rem;font-weight:700;letter-spacing:.12em}.phone-screen h2{margin-bottom:14px;font-size:1.65rem}
.focus-card{position:relative;min-height:312px;padding:20px;border-radius:28px;background:linear-gradient(145deg,#8b2c16,#401411);box-shadow:0 18px 32px rgba(86,27,12,.25);color:white;overflow:hidden}.focus-card:after{position:absolute;right:-50px;bottom:-60px;width:190px;height:190px;border:1px solid rgba(255,209,102,.24);border-radius:50%;content:""}.focus-card img{position:absolute;right:-5px;bottom:0;width:82%;opacity:.62;mix-blend-mode:screen}.focus-card span,.focus-card h3,.focus-card p,.focus-card blockquote{position:relative;z-index:1;max-width:145px}.focus-card span{color:#ffd166;font-size:.5rem;font-weight:700;letter-spacing:.1em}.focus-card h3{margin:9px 0 3px;font-size:1.6rem}.focus-card p{font-size:.68rem;opacity:.8}.focus-card blockquote{margin:75px 0 0;padding:10px;border-radius:12px;background:rgba(255,255,255,.12);font-size:.72rem;line-height:1.5;backdrop-filter:blur(5px)}
.practice-title{margin:18px 0 8px;font-size:.72rem;font-weight:700}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.quick-actions span{display:grid;place-items:center;min-height:64px;border:1px solid #efd3a4;border-radius:15px;background:#fffaf0;color:var(--brand);font-weight:700}.quick-actions small{color:var(--ink);font-size:.5rem;font-weight:700}.phone-nav{display:flex;justify-content:space-around;margin:16px -17px -14px;padding:12px;border-top:1px solid #edd1a7;color:#6e4538}
.deity-section,.features{padding:100px max(24px,calc((100vw - 1160px)/2))}
.deity-section{background:var(--paper);border-block:1px solid var(--line)}
.section-heading{max-width:720px}.section-heading h2,.language-section h2,.closing h2{margin:16px 0 16px;font-size:clamp(2.25rem,4vw,4rem)}.section-heading p,.language-section p,.closing p{color:var(--muted);font-size:1.05rem}
.deity-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:14px;margin-top:42px}.deity-grid article{display:grid;padding:9px 9px 13px;border:1px solid var(--line);border-radius:22px;background:var(--cream);text-align:center}.deity-grid img{width:100%;aspect-ratio:1;border-radius:16px;object-fit:cover}.deity-grid strong{margin-top:8px;font-size:.84rem}.deity-grid span{color:var(--muted);font-size:.67rem}
.features{background:linear-gradient(180deg,var(--cream),#ffedca)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.feature-card{min-height:270px;padding:26px;border:1px solid var(--line);border-radius:28px;background:rgba(255,253,248,.86);box-shadow:0 12px 35px rgba(109,45,16,.07)}.feature-card h3{margin:18px 0 10px;font-size:1.35rem}.feature-card p{margin:0;color:var(--muted);font-size:.92rem}.feature-icon{display:grid;width:48px;height:48px;border-radius:15px;background:#ffe2a8;color:var(--brand);font-size:1.4rem;place-items:center}
.feature-art{display:grid;grid-column:span 2;grid-template-columns:1fr .9fr;gap:30px}.sound-list{display:grid;align-content:center;gap:10px}.sound-list span{display:flex;align-items:center;justify-content:space-between;padding:14px;border-radius:14px;background:#fff2d9;font-size:.8rem;font-weight:700}.sound-list i{display:grid;width:28px;height:28px;border-radius:50%;background:var(--brand);color:white;font-size:.55rem;font-style:normal;place-items:center}
.wallpaper-card{position:relative;min-height:520px;overflow:hidden}.wallpaper-card>div{position:relative;z-index:1;padding:22px;border-radius:20px;background:rgba(255,253,248,.9);backdrop-filter:blur(10px)}.wallpaper-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.language-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:110px max(24px,calc((100vw - 1160px)/2));background:var(--brand-dark);color:white}.language-section .eyebrow{color:var(--gold)}.language-section p{color:#f3d8c5}.language-cloud{display:flex;align-content:center;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.language-cloud span{padding:11px 16px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.08);font-weight:700}
.closing{display:grid;justify-items:center;padding:110px 24px;background:var(--paper);text-align:center}.closing img{margin-bottom:20px;border-radius:22px}.closing h2{max-width:760px}.closing p{max-width:600px;margin-bottom:26px}.closing .store-buttons{justify-content:center}
footer{display:flex;align-items:center;gap:30px;justify-content:space-between;padding:28px max(24px,calc((100vw - 1160px)/2));border-top:1px solid var(--line);background:var(--paper);color:var(--muted);font-size:.82rem}footer p{margin:0}
@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;gap:30px;padding-top:80px;text-align:center}.hero-copy{display:grid;justify-items:center}.hero-proof{justify-content:center}.hero-visual{min-height:630px}.deity-grid{grid-template-columns:repeat(4,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-art{grid-column:span 2}.wallpaper-card{min-height:420px}.language-section{grid-template-columns:1fr;gap:38px;text-align:center}.language-section .eyebrow{justify-content:center}}
@media(max-width:560px){.site-header{width:calc(100% - 20px);margin-top:10px}.site-header .brand span{font-size:.92rem}.header-cta{padding:9px 12px;font-size:.74rem}.hero{width:calc(100% - 32px);min-height:0;padding:64px 0 68px}.eyebrow{font-size:.68rem}h1{font-size:clamp(3rem,16vw,4.7rem)}.hero-lede{font-size:1rem}.store-buttons{width:100%}.store-buttons button{min-width:0;flex:1;padding-inline:14px}.hero-proof{width:100%;gap:0;justify-content:space-between}.phone{width:280px}.phone-screen{min-height:575px}.focus-card{min-height:286px}.hero-visual{min-height:585px}.glow-one{width:330px;height:330px}.deity-section,.features{padding-block:76px}.deity-grid{grid-template-columns:repeat(2,1fr);gap:10px}.feature-grid{grid-template-columns:1fr}.feature-art{grid-column:auto;grid-template-columns:1fr}.feature-card{min-height:0}.wallpaper-card{min-height:440px}.section-heading h2,.language-section h2,.closing h2{font-size:2.25rem}.language-section,.closing{padding-block:80px}footer{flex-direction:column;gap:12px;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
