@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--y:#ffc928;--o:#ff9700;--ink:#242321;--muted:#777168;--cream:#fff8e6;--line:#eee8d9}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,90%);margin:auto}.topline{background:var(--ink);color:white;padding:9px 5%;font-size:10px;display:flex;justify-content:space-between}.topline span{color:var(--y)}header{height:78px;background:white;position:sticky;top:0;z-index:10;border-bottom:1px solid #eee}.head{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{width:195px;height:58px;object-fit:contain;object-position:left center}.navbtn{background:var(--y);padding:12px 16px;border-radius:8px}.toggle{display:none}nav{display:flex;align-items:center;gap:25px;font-size:12px;font-weight:700}nav a:hover{color:#c58500}.hero{background:linear-gradient(115deg,#fff9e9,#fff0bd 70%,#ffdf83);padding:75px 0 0;overflow:hidden}.herogrid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:450px}.hero h1,.pagehero h1{font:800 clamp(43px,5vw,66px)/1.06 Manrope;letter-spacing:-.055em;margin:20px 0}.hero h1 em,.pagehero em,h2 em{font-style:normal;color:#d99100}.hero p,.pagehero p{max-width:540px;color:#70695e;font-size:14px;line-height:1.85}.hero label,.pagehero label,.section label,.dark label,.location label,.cta label{font-size:10px;font-weight:800;letter-spacing:.15em;color:#9a710d}.btn{display:inline-block;padding:14px 18px;border-radius:8px;font-size:12px;font-weight:800;margin:12px 7px 0 0}.dark{background:var(--ink);color:white}.light{background:#fff;border:1px solid #eedb9f}.ticks{font-size:10px;color:#756d5e;margin-top:25px}.art{height:400px;position:relative}.sun{position:absolute;width:370px;height:370px;border-radius:50%;background:linear-gradient(140deg,#ffe17a,#ffc21c 70%,#ff9c00);right:4%;top:5px}.phone{position:absolute;width:195px;height:340px;border:7px solid #292825;border-radius:28px;left:34%;top:28px;transform:rotate(7deg);padding:6px;box-shadow:0 25px 40px #76500030}.screen{height:100%;border-radius:18px;background:linear-gradient(#fffdf6,#fff0c5);padding:48px 15px}.screen b{font-size:9px;color:#a1781c}.screen h2{font:800 27px/1.1 Manrope;margin-top:25px}.screen small{background:#ffebb0;padding:8px;border-radius:20px;font-size:8px}.bar{height:35px;background:linear-gradient(90deg,#ffc928,#ff9d00);border-radius:7px;margin-top:40px}.float{position:absolute;background:white;border-radius:10px;padding:13px;box-shadow:0 10px 30px #76500020;font-size:11px}.f1{right:0;top:70px}.f2{left:0;bottom:40px}.herofoot{border-top:1px solid #eadba8;padding:16px 0;font-size:9px;font-weight:800;letter-spacing:.12em;color:#887448;display:flex;justify-content:space-between}.facts{display:grid;grid-template-columns:repeat(4,1fr);padding:27px 0;border-bottom:1px solid var(--line)}.facts div{font-size:10px;padding:8px 15px;border-right:1px solid var(--line)}.facts div:last-child{border:0}.facts b{font:800 22px Manrope;color:#dfa300;margin-right:10px}.section{padding-top:85px;padding-bottom:85px}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.sectionhead h2,.location h2{font:800 clamp(34px,4vw,49px)/1.1 Manrope;letter-spacing:-.05em;margin:15px 0}.sectionhead>p{max-width:340px;color:var(--muted);font-size:12px;line-height:1.8}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards article{border:1px solid var(--line);border-radius:14px;padding:22px;min-height:230px}.cards article:hover{box-shadow:0 12px 30px #0000000c;transform:translateY(-3px)}.ico{width:40px;height:40px;border-radius:10px;background:#fff0bd;color:#b77d00;display:grid;place-items:center;font-size:22px}.cards small{display:block;color:#a69d8c;font-size:8px;font-weight:800;letter-spacing:.12em;margin-top:17px}.cards h3{font:800 18px Manrope;margin:8px 0}.cards p{font-size:11px;color:var(--muted);line-height:1.7}.cards a{font-size:10px;font-weight:800;color:#a87300}.muted{font-size:10px;color:#999;margin-top:17px}.dark{padding:75px 0;background:#262522;color:white}.dark h2{font:800 45px/1.1 Manrope;margin:15px 0 35px}.dark h2 em{color:var(--y)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.steps article{border:1px solid #48463f;border-radius:12px;padding:20px;background:#2d2c28}.steps b{color:var(--y);font-size:10px}.steps h3{font:700 15px Manrope;margin:22px 0 8px}.steps p{font-size:10px;color:#bbb6a9;line-height:1.7}.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.about p{font-size:13px;line-height:1.9;color:var(--muted);margin:20px 0}.brandpanel{height:300px;background:radial-gradient(circle,#ffe68e,#ffc928 68%,#f6a900);border-radius:22px;display:grid;place-items:center}.brandpanel img{width:65%;height:65%;object-fit:contain}.location{background:#fff8e6;padding:75px 0}.locgrid{display:grid;grid-template-columns:1fr .85fr;gap:65px;align-items:center}.location p{font-size:12px;line-height:1.8;color:var(--muted)}.location article,.locationcard{background:white;border:1px solid #f0e5c8;border-radius:15px;padding:28px}.location article b{font:800 18px Manrope}.location small{display:block;margin:14px 0;color:var(--muted)}.cta{background:linear-gradient(110deg,#ffdc68,#ffc323 70%,#ffae13);padding:55px 0}.cta .wrap{display:flex;justify-content:space-between;align-items:center}.cta h2{font:800 34px/1.1 Manrope;margin:13px 0}.pagehero{background:linear-gradient(115deg,#fff9e9,#fff0bd 70%,#ffdf83);padding:65px 0}.pagehero h1{font-size:55px}.prose{max-width:900px;padding-top:65px;padding-bottom:75px}.prose h2{font:800 23px Manrope;margin:28px 0 10px}.prose p,.prose li{font-size:13px;line-height:1.9;color:#686258}.prose ul{padding-left:22px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.values div,.notice{background:#fff8e6;border:1px solid #f0dfae;border-radius:12px;padding:18px}.values b{color:#b77d00;font:800 17px Manrope}.values p,.notice p{font-size:11px}.notice{margin:25px 0}.locationcard h2{font:800 22px Manrope}.locationcard a{font-size:12px;font-weight:700}footer{background:#242321;color:white;padding:45px 0 20px}.footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;padding-bottom:28px}.footlogo{filter:brightness(0) invert(1)}footer p,footer small{color:#aaa69b;font-size:10px;line-height:1.8}footer b{display:block;font-size:12px;margin:9px 0 16px}footer a{display:block;font-size:10px;color:#c8c3b8;margin:12px 0}.copyright{border-top:1px solid #45433d;padding-top:17px;display:flex;justify-content:space-between;font-size:9px;color:#8e8a80}
@media(max-width:850px){nav{gap:12px;font-size:10px}.cards{grid-template-columns:repeat(2,1fr)}.herogrid{grid-template-columns:1fr .8fr}.art{transform:scale(.85);transform-origin:right center}.about{gap:35px}}
@media(max-width:650px){.topline span{display:none}header{height:68px}.logo{width:165px;height:50px}.toggle{display:block;border:0;background:none;font-size:23px}nav{display:none;position:absolute;top:68px;left:0;right:0;background:white;padding:20px 6%;box-shadow:0 15px 25px #0001;flex-direction:column;align-items:stretch;font-size:12px}nav.open{display:flex}.hero{padding-top:50px}.herogrid{display:block}.hero h1{font-size:45px}.hero p{font-size:13px}.art{height:315px;transform:scale(.75);transform-origin:top center;margin:15px -35px -55px}.sun{width:340px;height:340px;right:10%}.herofoot{font-size:8px}.facts{grid-template-columns:1fr 1fr}.facts div{padding:12px 5px;border:0}.section{padding:60px 0}.sectionhead{display:block}.sectionhead>p{margin-top:14px}.cards{grid-template-columns:1fr 1fr;gap:9px}.cards article{padding:15px;min-height:230px}.cards h3{font-size:15px}.dark{padding:60px 0}.dark h2{font-size:38px}.steps{grid-template-columns:1fr 1fr}.about,.locgrid{grid-template-columns:1fr;gap:28px}.brandpanel{height:240px}.cta .wrap{display:block}.cta .btn{margin-top:18px}.pagehero h1{font-size:43px}.values{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr 1fr}.footgrid>div:first-child{grid-column:1/-1}.copyright{display:block;line-height:2}}
@media(max-width:380px){.cards,.steps{grid-template-columns:1fr}.hero h1{font-size:40px}}