@charset "UTF-8";
:root{--ink:#172c39;--muted:#5d7280;--blue:#173a52;--teal:#087e80;--accent:#65c4b7;--line:#dce8e9;--paper:#fff;--mist:#f3f8f7;--soft:#e9f6f2;--dark:#102a3b;--shadow:0 18px 56px rgba(19,54,65,.09);--radius:20px;--max:1140px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;line-height:1.78;font-size:15px;font-weight:400;letter-spacing:.015em}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #ffbf61;outline-offset:4px}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.skip{position:absolute;left:12px;top:-100px;background:#fff;padding:8px 12px;z-index:99}.skip:focus{top:12px}.topnote{background:#15384b;color:#e8f7f4;text-align:center;font-size:12px;padding:7px 12px;letter-spacing:.08em}.topnote strong{color:#a0ead9;font-weight:700}.header{background:#fff;border-bottom:1px solid #e8eeee;position:sticky;top:0;z-index:40}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.mark{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:14px;background:linear-gradient(135deg,#0c6372,#2aaba0);color:#fff;position:relative;flex-shrink:0;font-weight:800;letter-spacing:-.18em;box-shadow:0 6px 15px #0d737421}.mark:before{content:"";position:absolute;width:16px;height:16px;border:2px solid #c4f7df;border-right-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-37deg) translate(2px,-1px)}.mark:after{content:"";height:3px;width:16px;background:#fff;border-radius:6px;transform:rotate(-34deg);position:absolute;top:23px;left:17px}.brandtext{line-height:1.15}.brandtext b{display:block;font-size:19px;letter-spacing:.06em}.brandtext small{font-size:10px;font-weight:700;letter-spacing:.17em;color:#65848a}.nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:700}.nav a{color:#465d6b;transition:color .15s}.nav a:hover,.nav a[aria-current="page"]{color:#007e7b}.nav a.nav-cta{background:var(--blue);color:#fff;padding:10px 18px;border-radius:100px}.menu-btn{display:none;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--dark);cursor:pointer}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.19em;color:var(--teal);text-transform:uppercase}.hero{overflow:hidden;background:linear-gradient(118deg,#f4faf8 0%,#f8faf9 45%,#edf7f5 100%);border-bottom:1px solid var(--line)}.hero-grid{min-height:610px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:40px;padding-top:63px;padding-bottom:76px}.hero h1{font-size:clamp(39px,4.5vw,65px);letter-spacing:-.055em;line-height:1.37;margin:18px 0 23px;font-weight:800}.hero h1 em{font-style:normal;color:var(--teal)}.hero p.lead{max-width:540px;font-size:17px;color:#496573;line-height:2}.tag{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:750;letter-spacing:.08em;color:#126c67;background:#e2f5f0;border:1px solid #c6e8df;border-radius:100px;padding:5px 12px}.tag:before{content:"";width:7px;height:7px;background:#26a996;border-radius:50%}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--blue);color:#fff;border-radius:13px;font-weight:750;padding:13px 21px;min-height:48px;transition:transform .15s,background .15s}.btn:hover{background:#0d5363;transform:translateY(-1px)}.btn.secondary{background:#fff;color:var(--blue);border:1px solid #c9ddda}.btn.secondary:hover{background:#f0f8f6}.hero-foot{margin-top:24px;font-size:12px;color:#71848d}.panel{background:#fff;border:1px solid #dcebe9;box-shadow:var(--shadow);border-radius:24px}.visual{padding:25px;transform:rotate(2deg);position:relative}.visual:before{content:"";position:absolute;width:360px;height:360px;border:1px solid #aadbd5;border-radius:50%;left:-35px;top:-50px;z-index:-1}.visual-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #e7eeee}.visual-title{font-size:12px;font-weight:850;letter-spacing:.07em}.visual-faux{display:flex;gap:5px}.visual-faux span{width:7px;height:7px;background:#b8dcd5;border-radius:50%}.vis-main{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.stat{background:#f4faf8;border-radius:14px;padding:19px 17px;min-height:115px}.stat b{font-size:11px;letter-spacing:.08em;color:#4f6f70}.stat strong{display:block;font-size:23px;margin-top:8px;color:#15475a;font-weight:800}.stat span{font-size:12px;color:#8a9ca3}.plot{background:linear-gradient(#fff,#fafdfe);border:1px solid #e6eeeb;border-radius:13px;padding:14px;margin-bottom:14px}.plot-top{display:flex;justify-content:space-between;color:#6d8689;font-size:11px;font-weight:750;margin-bottom:7px}.plot svg{display:block;width:100%;height:100px}.steps-mini{display:flex;gap:8px}.steps-mini span{flex:1;border-radius:7px;padding:9px 4px;text-align:center;background:#e7f4ee;color:#38836d;font-size:11px;font-weight:800}.steps-mini span:nth-child(2){background:#dceef0;color:#2e7587}.steps-mini span:nth-child(3){background:#edf3f6;color:#567a8b}.step-float{position:absolute;right:-17px;bottom:-27px;background:#19475a;color:#fff;border-radius:14px;padding:13px 18px;box-shadow:0 10px 30px #19475a29;font-size:11px;transform:rotate(-2deg)}.step-float b{display:block;font-size:14px;letter-spacing:.07em}.section{padding:90px 0}.section.mist{background:var(--mist)}.section.dark{background:var(--dark);color:#fff}.section-head{max-width:780px;margin-bottom:35px}.section-head.center{text-align:center;margin:0 auto 38px}.section h2{font-size:clamp(25px,3vw,36px);letter-spacing:-.035em;line-height:1.55;margin:10px 0 15px}.section-head p{color:var(--muted);margin:0;line-height:2}.dark .section-head p{color:#c1d4d9}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{border-radius:var(--radius);padding:27px 25px;border:1px solid var(--line);background:#fff;min-height:250px}.feature .number{font-size:12px;letter-spacing:.15em;color:var(--teal);font-weight:900}.feature h3{margin:16px 0 12px;font-size:19px;line-height:1.5;letter-spacing:-.02em}.feature p{font-size:13px;color:var(--muted);line-height:1.9;margin:0}.iconbox{width:43px;height:43px;border-radius:13px;background:#e6f6f1;display:grid;place-items:center;color:var(--teal);font-weight:900;font-size:17px}.domain{background:white;padding:24px;border:1px solid var(--line);border-radius:18px}.domain h3{margin:18px 0 7px;font-size:18px}.domain p{margin:0;font-size:13px;color:var(--muted);line-height:1.85}.mutednote{font-size:12px;color:#68808b;margin-top:20px}.two{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.quote{background:#fff;border-radius:22px;padding:35px;box-shadow:var(--shadow);border:1px solid var(--line)}.quote b{font-size:13px;color:#2d8484;letter-spacing:.1em}.quote p{font-size:24px;font-weight:800;line-height:1.75;letter-spacing:-.03em;margin:16px 0}.quote small{color:var(--muted)}.process{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process article{padding:22px 20px;background:#fff;color:var(--ink);border-radius:18px;position:relative}.process article:before{counter-increment:step;content:"0" counter(step);display:block;color:var(--teal);font-size:13px;letter-spacing:.1em;font-weight:900}.process h3{font-size:17px;margin:15px 0 7px}.process p{font-size:13px;line-height:1.85;color:var(--muted);margin:0}.process article:not(:last-child):after{content:"→";position:absolute;right:-15px;top:38%;z-index:3;color:#5dbbb1;font-size:23px}.cta-band{border-radius:26px;background:linear-gradient(120deg,#153c4e,#0d6571);color:#fff;padding:44px 48px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-band h2{font-size:27px;margin:0 0 9px}.cta-band p{color:#cce4e5;margin:0}.cta-band .btn{background:#fff;color:var(--blue);white-space:nowrap}.footer{background:#0c2636;color:#d6e6e7;padding:53px 0 30px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px;padding-bottom:35px;border-bottom:1px solid #36515d}.footer .brandtext b{color:white}.footer p{color:#a9c0c8;font-size:12px;max-width:330px;line-height:2}.footer h4{font-size:13px;color:white;margin:0 0 15px}.footer-links{display:grid;gap:9px;font-size:13px}.footer-links a{color:#bcd3d9}.footer-links a:hover{color:#fff}.copyright{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:11px;color:#91aeb7;padding-top:25px}.page-hero{background:linear-gradient(115deg,#f1f8f7,#f9fbfb);border-bottom:1px solid #e0ecea;padding:76px 0}.page-hero h1{font-size:clamp(32px,4vw,45px);margin:9px 0 16px;letter-spacing:-.045em}.page-hero p{font-size:16px;color:#54717d;max-width:750px;line-height:1.9}.page-wrap{padding:60px 0 105px}.page-narrow{max-width:850px;margin:0 auto}.content-card{padding:34px 37px;border:1px solid var(--line);border-radius:20px;background:#fff;margin-bottom:20px}.content-card h2{font-size:21px;letter-spacing:-.02em;margin:0 0 14px}.content-card h3{font-size:16px;margin:22px 0 7px}.content-card p{color:#516773;margin:0 0 13px}.content-card ul,.content-card ol{padding-left:1.5em;color:#516773}.content-card li{margin:6px 0}.callout{border-left:4px solid #46ad9d;background:#f1faf6;padding:15px 18px;border-radius:0 10px 10px 0;color:#316b68;margin:21px 0;font-size:13px}.warning{border-left-color:#d59b53;background:#fff8ee;color:#845e2c}.labelrow{display:grid;grid-template-columns:175px 1fr;border-top:1px solid #e6edeb;padding:14px 0;gap:12px;font-size:14px}.labelrow strong{font-weight:800}.labelrow span{color:#526977}.placeholder{display:inline-block;border-radius:6px;background:#fff0d6;color:#895b0e;padding:2px 7px;font-size:12px;font-weight:800}.faq-item{border-bottom:1px solid #dce9e7;padding:17px 0}.faq-item summary{cursor:pointer;font-size:16px;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:18px}.faq-item summary:after{content:"＋";color:var(--teal);font-weight:400;font-size:20px}.faq-item[open] summary:after{content:"−"}.faq-item p{margin:14px 0 0;color:var(--muted);line-height:2;font-size:14px}.small-link{color:#067f80;text-decoration:underline;text-underline-offset:3px}.kickerline{margin-bottom:15px}.pill{display:inline-block;border-radius:100px;border:1px solid #bbddd6;padding:4px 11px;color:#218175;font-size:12px;font-weight:800;background:#f1f8f6}.page-bottom{margin-top:35px;text-align:center}.page-bottom .btn{margin:0 5px 8px}::selection{background:#b7f0db;color:#0c3540}
@media(max-width:920px){.hero-grid{grid-template-columns:1fr;padding-top:50px;gap:55px}.hero h1{font-size:49px}.visual{max-width:590px;margin:0 auto 25px}.grid4{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:1fr 1fr}.process{grid-template-columns:repeat(2,1fr)}.process article:nth-child(2):after{display:none}.two{grid-template-columns:1fr;gap:25px}.nav{gap:12px}.nav a{font-size:12px}.brandtext b{font-size:17px}}
@media(max-width:700px){.container{width:min(100% - 36px,var(--max))}.header-inner{min-height:72px}.menu-btn{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #dce9e7;box-shadow:0 12px 20px #153b4c14;flex-direction:column;align-items:stretch;gap:0;padding:10px 20px 18px}.nav.open{display:flex}.nav a{font-size:14px;padding:12px 4px}.nav a.nav-cta{text-align:center;padding:12px}.hero-grid{min-height:auto;padding:52px 0 75px}.hero h1{font-size:clamp(36px,9vw,47px)}.hero p.lead{font-size:15px}.visual{padding:16px;transform:none;margin-right:12px}.step-float{right:-12px;bottom:-25px}.section{padding:64px 0}.grid4,.grid3,.process{grid-template-columns:1fr}.feature{min-height:unset}.process article:after{display:none!important}.cta-band{padding:30px 25px;flex-direction:column;align-items:flex-start}.cta-band h2{font-size:24px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}.page-hero{padding:57px 0}.page-wrap{padding:38px 0 75px}.content-card{padding:24px 21px}.labelrow{grid-template-columns:1fr;gap:2px}.topnote{font-size:11px}.brandtext small{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}


/* Boost Vitality visual refresh — optimistic energy + measured credibility */
:root{
 --ink:#1a3942;--muted:#58717a;--blue:#176271;--teal:#008f89;--accent:#33c3af;
 --line:#dcebe6;--paper:#fff;--mist:#f3faf5;--soft:#e3f7ee;--dark:#143c49;
 --shadow:0 18px 55px rgba(31,89,88,.10)
}
body{background:#fffefa}
.topnote{background:#fff2d7;color:#72522d;letter-spacing:.025em;border-bottom:1px solid #f3deb6}
.topnote strong{color:#996020}
.header{box-shadow:0 3px 24px rgba(22,82,78,.035);border-bottom-color:#e7f0e9}
.brand .mark{background:linear-gradient(135deg,#008f91,#3fc6aa);box-shadow:0 7px 16px #0e91862a}
.nav a.nav-cta{background:#165b69}
.btn{border-radius:100px;box-shadow:0 6px 22px #205e5520}
.btn:hover{background:#087d7e}
.btn.secondary{box-shadow:none}
.btn-vibrant{background:linear-gradient(110deg,#007e81,#12a38f);box-shadow:0 13px 30px rgba(11,133,123,.20)}
.btn-vibrant:hover{background:linear-gradient(110deg,#046a6c,#0c8a78)}
.hero-bright{background:
  radial-gradient(circle at 75% 38%,rgba(255,228,155,.37),transparent 25%),
  radial-gradient(circle at 18% 72%,rgba(196,244,223,.35),transparent 36%),
  linear-gradient(120deg,#fffef8 0%,#f8fcf7 54%,#effaf5 100%);position:relative;border-bottom:1px solid #e1efe7}
.hero-spark{position:absolute;pointer-events:none;border-radius:50%;filter:blur(2px)}
.hero-spark-a{width:180px;height:180px;background:rgba(255,202,102,.14);left:-90px;top:22%}
.hero-spark-b{width:135px;height:135px;border:2px solid rgba(26,175,156,.14);right:4%;bottom:7%}
.hero-bright .hero-grid{min-height:675px;grid-template-columns:1.04fr .96fr;gap:35px;padding-top:75px;padding-bottom:92px}
.hero-copy{position:relative;z-index:3}
.tag-bright{background:#fff;border:1px solid #cfe9da;color:#177b70;padding:8px 15px;box-shadow:0 4px 18px rgba(21,122,100,.045)}
.tag-bright:before{background:#f2b25e;width:9px;height:9px}
.hero-bright h1{font-size:clamp(41px,5.1vw,68px);line-height:1.34;letter-spacing:-.055em;margin:24px 0 13px;color:#163d48;white-space:nowrap}
.hero-bright h1 .hero-title-em{color:#078b80;font-style:normal;position:relative;isolation:isolate;display:inline-block}
.hero-title-em:after{content:'';height:12px;position:absolute;bottom:.08em;left:2px;right:-2px;border-radius:40px;background:#ffe1a3;z-index:-1;transform:rotate(-1deg)}
.hero-short{font-size:clamp(18px,2.0vw,23px);font-weight:800;color:#266b64;line-height:1.65;margin:18px 0 17px;letter-spacing:-.04em}
.hero-bright p.lead{color:#4b6870;font-size:15px;line-height:2;max-width:565px;margin:0}
.hero-bright p.lead strong{color:#1d6571;font-weight:800}
.hero-bright .actions{margin-top:30px}
.hero-bright .hero-foot{margin-top:21px;font-size:11px;line-height:1.8}
.mobile-only{display:none}
.hero-art{position:relative;min-height:535px;display:flex;align-items:center;justify-content:center;isolation:isolate}
.art-disc{width:min(100%,480px);aspect-ratio:1/1;border-radius:50%;position:relative;overflow:hidden;background:
 radial-gradient(circle at 24% 21%,rgba(250,247,172,.95),transparent 31%),
 radial-gradient(circle at 82% 24%,rgba(178,248,203,.9),transparent 39%),
 linear-gradient(140deg,#60d5bb 0%,#23b2b1 40%,#006b8d 100%);
 box-shadow:0 38px 73px rgba(0,123,126,.16),inset 0 0 0 12px rgba(255,255,255,.08);
 transform:rotate(-5deg)}
.art-disc:after{content:'';position:absolute;inset:21px;border:1px solid rgba(255,255,255,.35);border-radius:50%}
.art-lines{position:absolute;inset:0;width:100%;height:100%}
.art-center{position:absolute;top:31%;left:13%;transform:rotate(5deg);color:white;z-index:2;text-shadow:0 2px 12px rgba(0,61,79,.08)}
.art-eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;display:block;color:#f0ffe8}
.art-center strong{font-size:clamp(29px,3.2vw,43px);display:block;line-height:1.38;letter-spacing:-.05em;margin:15px 0 25px;font-weight:850}
.art-motto{font-size:10px;font-weight:800;letter-spacing:.10em;border-top:1px solid rgba(255,255,255,.55);padding-top:11px;display:block;width:max-content}
.art-orbit{position:absolute;border:1px solid rgba(0,144,125,.20);border-radius:50%;transform:rotate(-25deg);z-index:-1}
.art-orbit-one{width:105%;height:83%;left:1%;top:8%}
.art-orbit-two{width:95%;height:95%;left:3%;top:5%;border-style:dashed;border-color:rgba(222,159,74,.28)}
.art-chip{position:absolute;display:flex;align-items:center;gap:12px;border-radius:16px;background:rgba(255,255,255,.97);border:1px solid #e6efeb;padding:11px 16px;box-shadow:0 14px 34px rgba(31,75,77,.14);z-index:3;min-width:176px}
.art-chip b{display:block;font-size:14px;line-height:1.4;color:#1d4953}
.art-chip small{display:block;font-size:11px;color:#68818a;margin-top:2px}
.chip-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#e2f7ea;color:#1a947b;font-weight:900;font-size:14px}
.chip-one{top:11%;right:-2%}.chip-two{top:46%;left:-12%}.chip-three{right:-1%;bottom:10%}
.chip-two .chip-icon{background:#fff1ce;color:#c38a20}.chip-three .chip-icon{background:#dff5f7;color:#267b89}
.art-star{position:absolute;color:#f4b54f;font-size:34px}.art-star-a{top:8%;left:12%}.art-star-b{bottom:9%;left:20%;color:#49c4ad;font-size:20px}
.section{padding:92px 0}
.section-head h2,.section h2{color:#183d46}
.section-head.center{max-width:800px}
.feature{border:1px solid #e1eee7;box-shadow:0 9px 30px rgba(22,95,87,.035);transition:transform .2s ease,box-shadow .2s ease}
.feature:hover{transform:translateY(-3px);box-shadow:0 13px 37px rgba(22,95,87,.085)}
.feature .number{color:#0a9683}
.feature:nth-child(3){background:linear-gradient(145deg,#fff,#f6fbf3)}
.section.mist{background:linear-gradient(150deg,#edf9f2,#f5faf6)}
.domain{border-color:#e3eee9;box-shadow:0 10px 23px rgba(20,91,84,.035)}
.iconbox{background:#ddf6e8;color:#098c79}
.quote{background:linear-gradient(140deg,#fffef6,#f1fbf6);border:1px solid #dcefe5}
.quote b{color:#0b9182}
.section.dark{background:linear-gradient(120deg,#153d4b,#115468)}
.section.dark h2{color:#fff}
.cta-band{background:linear-gradient(110deg,#116c76,#10998d);box-shadow:0 20px 48px rgba(16,111,112,.14);position:relative;overflow:hidden}
.cta-band:after{content:'';position:absolute;width:200px;height:200px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-55px;top:-95px;pointer-events:none}
.cta-band h2{color:#fff}
.page-hero{background:linear-gradient(120deg,#fffdf3,#eff9f3)}
.footer{background:#103541}
@media(max-width:1100px){.hero-bright .hero-grid{gap:10px}.hero-bright h1{font-size:clamp(39px,4.9vw,63px)}.art-chip{min-width:154px;padding:10px 12px}.chip-two{left:-4%}.chip-one{right:-1%}}
@media(max-width:920px){.hero-bright .hero-grid{grid-template-columns:1fr;gap:28px;padding-top:60px;padding-bottom:72px}.hero-bright h1{font-size:clamp(43px,7vw,65px)}.hero-art{min-height:570px;max-width:590px;width:100%;margin:0 auto}.art-center strong{font-size:40px}.chip-two{left:-5%}.section{padding:74px 0}}
@media(max-width:700px){.hero-bright .hero-grid{padding-top:47px;gap:18px;padding-bottom:52px}.hero-bright h1{font-size:clamp(35px,10vw,50px);white-space:normal;margin:19px 0 11px}.hero-short{font-size:18px}.hero-bright p.lead{font-size:14px}.mobile-only{display:inline}.hero-bright .actions{gap:9px}.hero-bright .actions .btn{width:100%}.hero-art{min-height:390px;max-width:410px;padding:25px 14px;margin-top:20px}.art-disc{width:88%}.art-center{top:31%;left:12%}.art-center strong{font-size:clamp(23px,6vw,35px);margin:9px 0 14px}.art-eyebrow{font-size:9px}.art-motto{font-size:8px}.art-chip{min-width:0;padding:8px 10px;border-radius:12px;gap:7px}.art-chip b{font-size:11px}.art-chip small{font-size:9px}.chip-icon{width:27px;height:27px;font-size:11px;border-radius:9px}.chip-one{top:10%;right:0}.chip-two{top:51%;left:-2%}.chip-three{bottom:8%;right:-1%}.art-orbit-one{width:99%;left:0}.art-star-a{font-size:20px;left:8%}.hero-title-em:after{height:8px}.section{padding:62px 0}}
@media(prefers-reduced-motion:reduce){.feature{transition:none}}
/* Visual QA adjustments: float labels never cover the central statement */
.chip-two{top:73%;left:-5%}
.chip-three{top:57%;right:-2%;bottom:auto}
@media(max-width:700px){
 .menu-btn{width:45px;height:43px;flex:0 0 45px;overflow:hidden;white-space:nowrap;font-size:0;padding:0;display:grid;place-items:center}
 .menu-btn:after{content:'☰';font-size:21px;line-height:1;color:#164b55}
 .menu-btn[aria-expanded="true"]:after{content:'×';font-size:26px}
 .chip-two{top:auto;bottom:9%;left:0}
 .chip-three{top:56%;right:-1%;bottom:auto}
}