@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;--bg:#0c1530;--ink:#f6f7ff;--accent:#f2ed64;--muted:#aab9d6;--border:#ffffff25;--font:'Manrope',Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font);letter-spacing:-.06em;line-height:1.06}header,section,footer{padding-inline:max(6%,calc((100% - 1280px)/2))}.demo-banner{padding:12px 5%;background:#080e1e;color:#bec9e3;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;border-bottom:1px solid #ffffff20;position:relative;z-index:10}.demo-banner span{font-size:8px;letter-spacing:.1em}.demo-banner a:last-child{color:#f2ed64}header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:30px;padding-bottom:26px;border-bottom:1px solid var(--border)}.demo-brand{font-weight:800;font-size:27px;letter-spacing:-1px}.demo-brand span{color:var(--accent)}header nav{display:flex;align-items:center;gap:30px;font-size:12px}header button{border:1px solid var(--border);padding:11px 17px;border-radius:5px;background:none;color:var(--ink);font-size:12px}.demo-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:10px;align-items:center;min-height:570px;padding-top:58px;padding-bottom:60px;background:radial-gradient(ellipse at 82% 45%,#1844b140,transparent 50%)}.tag{font-size:9px;letter-spacing:.16em;font-weight:600;margin-bottom:24px}h1{font-size:66px;line-height:1.06;font-weight:800}h1 em{font-style:normal;color:var(--accent)}.intro{font-size:14px;color:var(--muted);max-width:410px;line-height:1.85;margin-top:26px}.demo-button{display:inline-flex;gap:30px;align-items:center;justify-content:center;background:var(--accent);color:var(--bg);border:1px solid #ffffff55;font-size:12px;font-weight:700;padding:16px 23px;margin-top:30px;border-radius:7px;box-shadow:0 6px 0 #898632,0 14px 30px #e6ed6a18;transition:transform .2s}.demo-button:hover{transform:translateY(-3px)}.hero-caption{font-size:10px;margin-top:28px;color:var(--muted)}.art{position:relative;height:390px;perspective:800px}.house{position:relative;width:340px;height:330px;margin:30px auto;transform:rotate(-8deg) rotateY(-12deg);filter:drop-shadow(20px 25px 18px #0006)}.roof{width:320px;height:185px;background:linear-gradient(140deg,#91b7ff,#3759e8 60%,#16277c);clip-path:polygon(50% 0,100% 65%,90% 85%,50% 33%,10% 85%,0 65%);position:absolute;top:0;left:10px;z-index:2}.walls{position:absolute;left:58px;top:115px;width:224px;height:178px;background:linear-gradient(120deg,#4e71e8,#132c83);box-shadow:14px 10px 0 #04113c;border-bottom:12px solid #08184f;display:flex;justify-content:space-around;padding:38px 26px}.walls i{width:37px;height:41px;background:linear-gradient(130deg,#ffffd0,#e0db42);box-shadow:0 0 30px #ffff8a50}.walls b{position:absolute;bottom:0;width:42px;height:69px;background:linear-gradient(90deg,#0b1846,#020a25)}.step{position:absolute;left:46px;bottom:12px;width:253px;height:20px;background:linear-gradient(90deg,#3865e6,#132e8b);transform:skewX(-20deg);box-shadow:0 9px 0 #040d32}.house>span{font-size:120px;position:absolute;right:-18px;top:3px;color:var(--accent);text-shadow:6px 8px 0 #8f912c,0 0 60px #eff57b50}.ribbon{display:flex;justify-content:center;gap:35px;align-items:center;white-space:nowrap;overflow:hidden;background:var(--accent);color:var(--bg);padding:21px 0;font-size:11px;font-weight:700;letter-spacing:.08em}.ribbon b{font-size:22px}.services{padding-top:85px;padding-bottom:85px}.services h2,.about h2,.demo-contact h2{font-size:42px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:42px}.service-grid article{border-top:1px solid var(--border);padding-top:20px}.service-grid article>span{font-size:12px;color:var(--accent)}.service-grid h3{font-size:23px;margin:20px 0 15px;letter-spacing:-.03em}.service-grid p{font-size:13px;color:var(--muted);line-height:1.8;max-width:240px}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:75px;padding-bottom:80px;border-top:1px solid var(--border)}.about p:not(.tag){font-size:14px;line-height:1.9;color:var(--muted)}.feature-list{display:flex;flex-direction:column;gap:14px;margin-top:25px;font-size:12px}.feature-list span{border-bottom:1px solid var(--border);padding-bottom:12px}.demo-contact{text-align:center;padding-block:80px;background:color-mix(in srgb,var(--accent) 6%,var(--bg))}.demo-contact h2{font-size:56px}footer{display:flex;gap:40px;align-items:center;justify-content:space-between;padding-block:45px;border-top:1px solid var(--border)}footer p{font-size:10px;color:var(--muted);line-height:1.8}footer>a:last-child{font-size:11px}dialog{color:var(--ink);background:var(--bg);border:1px solid var(--border);padding:40px;border-radius:18px;max-width:480px;width:calc(100% - 32px)}dialog::backdrop{background:#05091fc9;backdrop-filter:blur(8px)}dialog h2{font-size:36px;margin-bottom:20px}dialog p:not(.tag){font-size:13px;line-height:1.9;color:var(--muted)}dialog .close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:28px;color:var(--ink)}
.beauty{--bg:#f3e9e2;--ink:#493931;--muted:#8a7164;--accent:#805745;--border:#49393122;--font:Georgia,'Times New Roman',serif}.beauty .demo-brand{font-family:Georgia,serif;font-weight:400;font-size:35px;letter-spacing:-2px}.beauty .demo-brand span{font-family:Arial,sans-serif;font-size:8px;letter-spacing:2px;margin-left:13px}.beauty .demo-hero{background:radial-gradient(ellipse at 78% 55%,#ddbba360,transparent 50%)}.beauty h1{font-weight:400;font-size:66px;letter-spacing:-.055em}.beauty h1 em{font-style:italic}.beauty .demo-button{color:#fff8ee;border-radius:40px;box-shadow:0 5px 0 #573a2d,0 10px 25px #6a493920}.beauty .ribbon{background:#e5d4c7;color:#705346}.beauty .service-grid h3{font-weight:400;font-size:29px}.beauty .services h2,.beauty .about h2,.beauty .demo-contact h2{font-weight:400}.beauty-art{position:relative;width:330px;height:390px;margin:auto}.arch{position:absolute;left:16px;top:-10px;width:280px;height:360px;background:linear-gradient(130deg,#d6b6a1,#f6e1d4 45%,#bc9680);border-radius:150px 150px 0 0;box-shadow:20px 15px 35px #71513b24}.bottle{position:absolute;width:105px;height:180px;background:linear-gradient(90deg,#b18866,#ead5bc 23%,#dabb96 55%,#a77c56);border-radius:13px 13px 6px 6px;left:95px;top:110px;z-index:2;box-shadow:15px 17px 20px #62402735;transform:rotate(-9deg);display:flex;align-items:center;justify-content:center;flex-direction:column}.bottle:before{content:'';width:64px;height:37px;border-radius:6px 6px 0 0;background:linear-gradient(90deg,#624537,#a47f68,#65483a);position:absolute;top:-34px}.bottle b{font:25px Georgia;color:#5a4130;letter-spacing:2px}.bottle span{font-size:6px;letter-spacing:1px;text-align:center;line-height:2;margin-top:19px;color:#6d4d37}.stone{position:absolute;border-radius:50%;background:radial-gradient(ellipse at 30% 20%,#e6d2bd,#ac8c72 70%,#715641);box-shadow:14px 20px 20px #66422e30}.stone.one{width:190px;height:74px;bottom:30px;left:56px;transform:rotate(-5deg)}.stone.two{width:125px;height:55px;bottom:85px;right:6px;transform:rotate(20deg)}.leaf{position:absolute;right:7px;top:75px;width:65px;height:145px;background:linear-gradient(70deg,#5c6a48,#a5ae80);border-radius:100% 0;transform:rotate(30deg);box-shadow:10px 10px 15px #4a4c2b30}
.cafe{--bg:#fff0d7;--ink:#3d2318;--accent:#c84a24;--muted:#8b6855;--border:#3d231825;--font:Georgia,'Times New Roman',serif}.cafe .demo-brand{font-size:30px;font-weight:800;letter-spacing:-2px}.cafe .demo-brand span{display:block;line-height:.8;color:#c84a24}.cafe .demo-hero{background:radial-gradient(ellipse at 76% 50%,#f7bc6660,transparent 45%)}.cafe h1{font-size:63px;letter-spacing:-.06em;font-weight:700}.cafe h1 em{font-style:italic}.cafe .demo-button{color:#fff6e9;box-shadow:0 5px 0 #752611,0 10px 25px #6a493920;border-radius:3px}.cafe .ribbon{background:#c84a24;color:#fff0d7}.coffee-art{position:relative;width:360px;height:350px;margin:auto;transform:rotate(-8deg)}.cup{position:absolute;left:75px;top:88px;width:190px;height:180px;background:linear-gradient(100deg,#f6b43b,#ffe2a1 30%,#ffd17a 60%,#d38925);border-radius:8% 8% 45% 45%;box-shadow:20px 20px 30px #ad69264a;z-index:3}.cup>b{position:absolute;top:47px;left:45px;font-size:38px;color:#974025;line-height:.83;letter-spacing:-2px;transform:rotate(7deg)}.coffee{position:absolute;top:-20px;left:0;width:190px;height:47px;background:radial-gradient(ellipse at 50% 45%,#d2a06a 20%,#6a3f24 23%,#402317 70%);border-radius:50%;border:10px solid #ffe5aa;box-shadow:inset 0 6px 7px #2c13099c}.handle{position:absolute;right:-62px;top:16px;width:86px;height:103px;border:18px solid #e7aa43;border-left-color:transparent;border-radius:50%;z-index:-1;box-shadow:6px 4px 6px #ac6f2940}.saucer{position:absolute;width:300px;height:90px;background:radial-gradient(ellipse,#cb802d,#ffe2a1 60%,#b96a1c);border-radius:50%;left:24px;bottom:44px;box-shadow:15px 24px 26px #9a643330}.sun{position:absolute;color:#cb4b25;font-size:139px;top:-55px;right:-6px;transform:rotate(12deg);text-shadow:5px 7px 0 #efaa6a}.bean{width:35px;height:53px;border-radius:50%;background:linear-gradient(100deg,#75452a 45%,#c48452 47%,#44230f 52%,#98603c 56%);position:absolute;box-shadow:5px 7px 7px #49240c33}.b1{bottom:25px;right:8px;transform:rotate(55deg)}.b2{bottom:40px;left:9px;transform:rotate(-15deg)}
.coach{--bg:#150e25;--ink:#f7f4ff;--accent:#d3ff6c;--muted:#b4a6cf;--border:#cbb9f02a}.coach .demo-brand{font-size:22px;letter-spacing:-1.2px}.coach .demo-brand span{display:block;color:#d3ff6c;line-height:.95}.coach .demo-hero{background:radial-gradient(ellipse at 75% 40%,#7a43cb55,transparent 50%)}.coach h1{font-size:59px;font-weight:800;letter-spacing:-.065em}.coach .demo-button{color:#17200a;box-shadow:0 6px 0 #65872f,0 10px 25px #baf86320}.coach .ribbon{background:#a277e2;color:#1b102d}.coach-art{position:relative;width:360px;height:390px;margin:auto}.portal{position:absolute;width:240px;height:290px;left:65px;top:4px;border:35px solid #a98ae2;border-top-color:#d2c0f2;border-bottom-color:#603293;border-right-color:#7a45b4;border-radius:50%;transform:rotate(25deg) rotateY(30deg);box-shadow:inset 15px 12px 26px #02000655,15px 15px 30px #0005,0 0 70px #a97dfb20}.up-arrow{position:absolute;left:55px;top:95px;font-family:Arial,sans-serif;font-weight:bold;font-size:210px;color:#d3ff6c;line-height:1;text-shadow:6px 7px 0 #5c8626,12px 15px 20px #0006;transform:rotate(-7deg);z-index:3}.pedestal{position:absolute;left:65px;bottom:20px;width:225px;height:64px;background:linear-gradient(90deg,#76529e,#c49ce6 50%,#6b459a);border-radius:50% 50% 4px 4px/18% 18% 4px 4px;box-shadow:15px 20px 30px #0005}.orbit{position:absolute;width:370px;height:320px;border:1px solid #d5c3fa33;border-radius:50%;left:-10px;top:20px;transform:rotate(-20deg)}.coach-art>span{position:absolute;right:-1px;bottom:90px;padding:14px;font-size:9px;line-height:1.3;letter-spacing:1px;background:#2a1c40b9;border:1px solid #8c6bb668;transform:rotate(9deg)}
.up-arrow svg{width:185px;height:185px;overflow:visible;filter:drop-shadow(6px 8px 0 #5c8626) drop-shadow(10px 12px 12px #0005)}.thumbnail .demo-banner{display:none}.thumbnail .demo-hero{min-height:570px}.thumbnail header{padding-top:25px;padding-bottom:25px}.thumbnail .hero-caption{display:none}.thumbnail{pointer-events:none}
@media(max-width:900px){h1,.beauty h1{font-size:52px}.cafe h1,.coach h1{font-size:49px}.art{transform:scale(.8);transform-origin:center;width:350px;justify-self:center}.demo-hero{gap:0;min-height:530px}.intro{font-size:13px}.about{gap:40px}.services h2,.about h2{font-size:36px}header nav{gap:17px}.demo-banner{font-size:9px}.demo-banner span{font-size:7px}}
@media(max-width:600px){header,section,footer{padding-inline:24px}.demo-banner{padding:12px 18px;gap:10px;font-size:9px}.demo-banner span{display:none}.demo-banner a:last-child{font-size:8px}header{padding-block:22px;gap:15px}.demo-brand{font-size:23px}.beauty .demo-brand{font-size:30px}.beauty .demo-brand span{font-size:6px;margin-left:6px}.cafe .demo-brand{font-size:26px}.coach .demo-brand{font-size:20px}header nav>a{display:none}header button{font-size:10px;padding:10px 13px}.demo-hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:20px;gap:5px}.tag{font-size:8px;letter-spacing:.12em;margin-bottom:20px}h1{font-size:49px}.beauty h1{font-size:50px}.cafe h1{font-size:47px}.coach h1{font-size:44px}.intro{font-size:13px;margin-top:23px;max-width:360px}.demo-button{font-size:11px;margin-top:25px;padding:14px 20px;min-height:45px}.hero-caption{font-size:9px;margin-top:23px}.art{width:100%;height:335px;transform:scale(.83);transform-origin:center;margin-top:-5px}.beauty .art{height:360px}.ribbon{padding:17px 0;font-size:9px;gap:24px;justify-content:flex-start}.ribbon b{font-size:18px}.services{padding-block:55px}.services h2,.about h2{font-size:35px}.service-grid{grid-template-columns:1fr;gap:27px;margin-top:30px}.service-grid article{padding-top:18px}.service-grid h3{font-size:25px;margin:13px 0 11px}.service-grid p{font-size:12px;max-width:none}.about{grid-template-columns:1fr;gap:25px;padding-block:50px}.about p:not(.tag){font-size:13px}.feature-list{font-size:11px}.demo-contact{padding-block:55px}.demo-contact h2{font-size:43px}.demo-contact .tag{font-size:7px}footer{flex-wrap:wrap;gap:22px;padding-block:30px}footer p{font-size:9px;max-width:180px}footer>a:last-child{font-size:10px;display:block;width:100%}.house{transform:scale(.9) rotate(-8deg) rotateY(-12deg);transform-origin:center;margin-left:auto;margin-right:auto}.coffee-art{left:-10px}.coach-art{left:-10px}.beauty-art{left:-5px}dialog{padding:32px 25px}dialog h2{font-size:30px}dialog p:not(.tag){font-size:12px}}
@media(max-width:370px){h1{font-size:44px}.beauty h1{font-size:45px}.cafe h1{font-size:42px}.coach h1{font-size:39px}.art{transform:scale(.74);margin-left:-12px}.demo-hero{overflow:hidden}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}