*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.demo-nav{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,22px);gap:20px}.demo-nav nav{display:flex;gap:25px;font-size:12px}.demo-brand,.cafe-brand,.academy-brand{font-weight:800;font-size:20px;letter-spacing:-.8px}.demo-brand span{color:#d27b4d}.demo-pill,.cafe-pill,.academy-pill{padding:10px 14px;border-radius:6px;font-size:11px;font-weight:700}.demo-hero{min-height:460px;padding:60px max(8vw,25px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.demo-kicker{font-size:10px;font-weight:700;letter-spacing:2px}.demo-copy h1{font-size:clamp(43px,6vw,70px);line-height:1.03;letter-spacing:-3px;margin:18px 0}.demo-copy h1 em,.cafe-story h2 em,.academy-approach h2 em{font-style:normal}.demo-copy p{max-width:430px;font-size:14px;line-height:1.9}.demo-button,.cafe-button,.academy-button{display:inline-block;margin-top:15px;padding:13px 17px;font-size:11px;font-weight:700;border-radius:5px}.store{background:#f5f0e6;color:#273d30}.store .demo-nav{background:#f5f0e6}.store .demo-pill,.store .demo-button{background:#284c3a;color:white}.store-hero{background:#f5f0e6}.store .demo-copy h1 em{color:#d47a4d}.store .demo-copy p{color:#6e786a}.store-visual{height:340px;position:relative;display:grid;place-items:center;background:#e8e6d6;border-radius:45% 45% 18px 18px;overflow:hidden}.sun-disc{position:absolute;width:240px;height:240px;border-radius:50%;background:#d8dfbd;right:20px;top:20px}.bag{position:absolute;width:120px;height:170px;display:grid;place-items:center;text-align:center;font-family:Georgia,serif;font-weight:bold;font-size:16px;letter-spacing:2px;box-shadow:0 20px 30px #3e513020}.bag-one{background:#d2d9a8;left:18%;bottom:25px;transform:rotate(-8deg)}.bag-two{background:#d9865f;right:19%;bottom:45px;transform:rotate(8deg);color:#fff6e8}.jar{position:absolute;right:9%;bottom:15px;width:65px;height:90px;border-radius:12px 12px 18px 18px;background:#f0cba1;border:3px solid #fff9;display:grid;place-items:center;color:#5b7650;font-size:23px;box-shadow:0 10px 20px #3e513020}.jar small{font-size:8px;text-align:center;line-height:1.2}.store-stamp{position:absolute;top:35px;left:8%;font-size:9px;line-height:1.5;letter-spacing:2px;border:1px solid #7b9274;border-radius:50%;padding:17px 12px;transform:rotate(-12deg)}.demo-section{padding:80px max(8vw,25px)}.demo-section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.demo-section h2,.store-note h2,.cafe-visit h2,.academy-contact h2{font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-1.7px;margin:12px 0}.demo-section-head p{font-size:12px;opacity:.7}.goods-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.good-card{padding:13px;border:1px solid #dcd8ca;border-radius:9px}.good-art{height:160px;display:grid;place-items:center;font-size:65px;border-radius:5px;margin-bottom:17px}.art-green{background:#d9e0bd;color:#607d50}.art-orange{background:#f0d0b5;color:#a95f40}.art-purple{background:#ded5e9;color:#7d6b9c}.good-card small{font-size:9px;letter-spacing:1.3px;color:#7b846e}.good-card h3{font-family:Georgia,serif;font-size:21px;margin:7px 0}.good-card p{font-size:12px;color:#777d6d}.good-card b{font-size:11px;color:#42644b}.store-note{padding:70px 20px;text-align:center;background:#e5e7d4}.store-note p{font-size:13px;color:#697363}.dark-button{background:#284c3a;color:white}.demo-contact{padding:55px max(8vw,25px);display:flex;align-items:center;justify-content:space-between;gap:25px}.demo-contact h2{font-family:Georgia,serif;font-size:32px;margin:7px 0}.demo-contact p{font-size:12px;color:#71796b}.demo-footer{padding:22px max(5vw,22px);display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #d8d4c7;font-size:10px;color:#72796d}.demo-footer>span{max-width:220px}.cafe{background:#f2e8d9;color:#344b3b}.cafe .demo-nav{background:#f2e8d9}.cafe-brand{font-family:Georgia,serif;font-size:23px}.cafe-brand span{display:block;font-size:9px;letter-spacing:4px;text-align:center;margin-top:-4px}.cafe-pill,.cafe-button{background:#355a45;color:#fff}.cafe-hero{background:#f2e8d9}.cafe .demo-copy h1 em{color:#b77c56}.cafe .demo-copy p{color:#7d7b6d}.cafe-visual{height:350px;position:relative;overflow:hidden;background:#e8d8c3;border-radius:48% 48% 12px 12px}.plate{position:absolute;width:250px;height:250px;border-radius:50%;background:#faf6ec;border:13px solid #fff9;right:8%;top:45px;box-shadow:0 18px 35px #5c46301c;display:grid;place-items:center}.plate-food{height:175px;width:175px;border-radius:50%;background:radial-gradient(circle,#b4c98b 0 12%,#d8a16c 13% 25%,#73925d 26% 39%,#e8c98e 40% 53%,#6e8a51 54%);display:grid;place-items:center;color:#f7edda;position:relative}.plate-food span{font-size:40px}.plate-food i{position:absolute;right:25px;top:28px;font-size:25px}.plate-food b{position:absolute;bottom:26px;font-size:10px;letter-spacing:3px}.coffee-cup{position:absolute;bottom:18px;left:7%;height:100px;width:100px;border-radius:50%;background:#fff9ed;border:8px solid #fff;display:grid;place-items:center;box-shadow:0 10px 20px #5c46301c}.coffee{height:65px;width:65px;border-radius:50%;display:grid;place-items:center;background:#c18a58;font-size:28px}.cafe-note{position:absolute;left:7%;top:30px;border:1px solid #6f8769;border-radius:50%;padding:17px 13px;text-align:center;font-size:8px;line-height:1.6;letter-spacing:1px;transform:rotate(-12deg)}.leaf{position:absolute;color:#79956b;font-size:45px}.leaf-one{right:5%;bottom:25px}.leaf-two{left:35%;bottom:20px;color:#c58d68}.cafe-micro{font-size:8px;letter-spacing:1.3px;margin-top:25px;color:#8b927c}.cafe-menu{background:#f8f2e8}.cafe .demo-section-head p{color:#747968}.menu-list{max-width:780px;margin:auto}.menu-list article{display:grid;grid-template-columns:40px 1fr auto;gap:17px;align-items:start;padding:22px 0;border-bottom:1px solid #dcd3c3}.menu-number{font-size:10px;color:#9a9e87}.menu-list h3{font:22px Georgia,serif;margin:0 0 4px}.menu-list p{font-size:12px;color:#7c7d6e;margin:0}.menu-list b{font-size:13px}.cafe-story{padding:80px max(8vw,25px);display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.story-visual{height:300px;background:#d7dfc4;border-radius:8px;display:grid;place-items:center;position:relative;overflow:hidden}.story-visual:before,.story-visual:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;border:1px solid #8ca27d;transform:rotate(45deg) scaleY(.5)}.story-visual:after{width:180px;height:300px;transform:rotate(-45deg) scaleY(.7)}.story-circle{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#355a45;color:#f5efdf;font:12px/1.8 Georgia,serif;letter-spacing:3px;box-shadow:0 20px 30px #334b3525;z-index:1}.cafe-story h2{font:42px/1.1 Georgia,serif;letter-spacing:-1px}.cafe-story h2 em{color:#b77c56}.cafe-story p{font-size:13px;color:#777c6d;line-height:1.9}.cafe-visit{text-align:center;padding:65px 20px;background:#e4ddc8}.cafe-visit p{font-size:12px;color:#7c7d6e}.academy{background:#edf3ff;color:#192f59}.academy .demo-nav{background:#edf3ff}.academy-brand{font-size:16px;letter-spacing:-.5px}.academy-brand span{color:#527bd0}.academy-pill,.academy-button{background:#3267c7;color:white}.academy .demo-copy h1 em,.academy-approach h2 em{color:#4d75d0}.academy .demo-copy p{color:#63718d}.academy-hero{background:#edf3ff}.academy-visual{height:350px;position:relative;overflow:hidden;background:#e1eaff;border-radius:12px}.blue-disc{position:absolute;right:10%;top:20px;width:260px;height:260px;border-radius:50%;background:linear-gradient(145deg,#8bd5ff,#7a84e5);box-shadow:0 20px 45px #4c72c82b}.book{position:absolute;width:140px;height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;font:700 20px Arial;letter-spacing:2px;box-shadow:0 18px 30px #233f752b}.book small{font-size:8px;margin-top:12px}.book-one{left:12%;bottom:28px;background:#f8fbff;color:#3d64b2;transform:rotate(-11deg)}.book-two{left:39%;bottom:19px;background:#ffcf98;color:#6d4d32;transform:rotate(8deg)}.achievement{position:absolute;right:8%;top:40px;width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:#1d3d78;color:white;font-size:46px;font-weight:700;box-shadow:0 12px 20px #233f752b}.achievement span{font-size:16px;position:absolute;right:16px;top:15px}.achievement small{position:absolute;bottom:-29px;font-size:8px;text-align:center;line-height:1.4;letter-spacing:1px;color:#314f8b}.note-card{position:absolute;right:4%;bottom:25px;padding:13px;background:#fff;color:#4b6695;font-size:8px;letter-spacing:1px;line-height:1.7;transform:rotate(7deg);box-shadow:0 8px 20px #233f751b}.academy-proof{display:flex;flex-wrap:wrap;gap:17px;margin-top:27px;font-size:10px;color:#60749d}.academy-courses{background:#f7f9ff}.academy .demo-section-head p{color:#667594}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.course-grid article{padding:23px;border:1px solid #d8e2f5;border-radius:10px;background:white}.course-icon{height:40px;width:40px;border-radius:10px;display:grid;place-items:center;font-size:13px;font-weight:700;margin-bottom:23px}.icon-blue{background:#e2edff;color:#3971ce}.icon-purple{background:#eee7ff;color:#8061cb}.icon-orange{background:#fff0dc;color:#bd7837}.course-grid small{font-size:8px;letter-spacing:1.5px;color:#6e85b1}.course-grid h3{font-size:19px;margin:7px 0}.course-grid p{font-size:12px;line-height:1.8;color:#687895;min-height:64px}.course-grid a{font-size:11px;color:#356bc9;font-weight:700}.academy-approach{padding:80px max(8vw,25px);display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.academy-approach h2{font-size:42px;line-height:1.1;letter-spacing:-1.7px}.academy-approach p{font-size:13px;color:#667895;line-height:1.9}.steps article{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid #d5e0f2}.steps article>b{font-size:12px;color:#5881d1}.steps h3{font-size:17px;margin:0}.steps p{margin:4px 0 0;font-size:11px}.academy-contact{text-align:center;padding:65px 20px;background:#dfe9fc}.academy-contact p{font-size:12px;color:#687895}.academy .demo-footer{border-color:#d4def0;color:#687895}.academy .demo-footer .academy-brand{color:#192f59}@media(max-width:700px){.demo-nav{height:auto;min-height:68px;flex-wrap:wrap;padding:14px 5%;gap:12px}.demo-nav nav{order:3;width:100%;justify-content:center;gap:20px;padding-top:8px;border-top:1px solid #8882}.demo-nav nav a{font-size:11px}.demo-brand,.cafe-brand{font-size:18px}.demo-pill,.cafe-pill,.academy-pill{font-size:9px;padding:8px}.demo-hero{grid-template-columns:1fr;padding:45px 6%;gap:25px}.demo-copy h1{font-size:52px}.store-visual,.cafe-visual,.academy-visual{height:300px}.store .demo-copy h1{font-size:55px}.demo-section{padding:60px 6%}.demo-section-head{display:block}.demo-section-head p{margin-top:10px}.goods-grid,.course-grid{grid-template-columns:1fr;gap:13px}.good-art{height:180px}.cafe-story,.academy-approach{grid-template-columns:1fr;gap:30px;padding:60px 6%}.story-visual{height:250px}.cafe-story h2,.academy-approach h2{font-size:38px}.demo-contact{padding:45px 6%;display:block}.demo-contact .demo-button{margin-top:10px}.demo-footer{padding:20px 5%;flex-wrap:wrap}.demo-footer>span{order:3;width:100%;max-width:none}.menu-list article{grid-template-columns:25px 1fr auto;gap:10px}.menu-list h3{font-size:19px}}@media(max-width:380px){.demo-copy h1{font-size:44px}.store-visual,.cafe-visual,.academy-visual{height:265px}.bag{width:100px;height:145px}.plate{width:205px;height:205px;right:4%;top:40px}.plate-food{width:145px;height:145px}.book{width:110px;height:155px;font-size:16px}.blue-disc{width:210px;height:210px}.achievement{width:78px;height:78px;font-size:35px}.demo-nav nav{gap:13px}}