:root {
  --navy:#143b59; --navy2:#245675; --teal:#147b85; --teal2:#116773;
  --aqua:#e9f7f8; --ice:#f5fbfc; --line:#d8e8ec; --text:#263f50; --muted:#465e6b;
  --serif:"Yu Mincho","Hiragino Mincho ProN","BIZ UDPMincho",Georgia,serif;
  --sans:"BIZ UDPGothic","Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif;
}
.header{font-family:var(--sans);line-height:1.75;color:var(--text)}.header .site-nav-extra{display:none}
@media(max-width:1100px){.header .site-nav-extra{display:block}}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--text);background:white;font:17px/1.75 var(--sans);-webkit-font-smoothing:antialiased} a{color:inherit;text-decoration:none} button{font:inherit} img{display:block;max-width:100%} h1,h2,h3,p{margin-top:0}.skip{position:fixed;z-index:999;top:-60px;left:14px;padding:8px 14px;color:white;background:var(--navy);border-radius:0 0 8px 8px}.skip:focus{top:0}
.header{height:68px;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(20,59,89,.08);backdrop-filter:blur(12px)}.header__inner{width:min(1180px,calc(100% - 44px));height:100%;margin:auto;display:flex;align-items:center;gap:34px}.logo{display:inline-flex;align-items:center;gap:9px;color:var(--navy);flex:none}.logo__mark{width:39px;height:39px;position:relative;display:grid;place-items:center;border:1.5px solid var(--teal);border-radius:50%}.logo__mark:after{content:"";width:26px;height:26px;border:1px solid rgba(34,153,167,.45);border-radius:50%}.logo__mark i{position:absolute;z-index:2;width:17px;height:26px;left:7px;top:5px;background:white;border-radius:50%;border-right:2px solid var(--teal);transform:rotate(-18deg)}.logo__type{font:23px/1 Georgia,serif;letter-spacing:.055em}.logo__type small{display:block;margin-top:5px;font:14px/1.1 var(--sans);font-weight:600;letter-spacing:.06em}.nav{margin:auto;display:flex;align-items:center;gap:25px;color:#173c56;font-size:14px;font-weight:700}.nav a:hover{color:var(--teal)}.header__actions{display:flex;gap:9px}.button{min-height:43px;padding:8px 24px;border:1px solid transparent;border-radius:999px;cursor:pointer;font-weight:700;letter-spacing:.04em;transition:.2s}.button:hover{transform:translateY(-1px)}.button--primary{color:white;background:linear-gradient(135deg,#39b8b9,var(--teal2));box-shadow:0 7px 18px rgba(25,132,144,.18)}.button--outline{color:var(--teal2);background:white;border-color:#9ccfd5}.button--small{min-height:37px;padding:6px 17px;font-size:14px}.menu{display:none}
.script{color:#315978;font:17px/1.65 var(--serif);letter-spacing:.1em;transform:rotate(-2deg)}
.hero{height:520px;position:relative;overflow:hidden;background:#f2fafb}.hero__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,252,253,.98) 0%,rgba(247,252,253,.91) 28%,rgba(247,252,253,.28) 50%,rgba(247,252,253,0) 72%)}.hero__content{width:min(1180px,calc(100% - 44px));height:100%;position:relative;margin:auto}.hero__copy{width:43%;padding-top:35px}.hero__copy .script{margin:0 0 6px}.hero h1{margin:0 0 7px;color:#102f4c;font:500 clamp(28px,3.35vw,51px)/1.13 var(--serif);letter-spacing:.055em}.hero h1 em{font-style:normal;font-family:Georgia,serif;font-size:1.22em;letter-spacing:.1em}.hero__copy>p:not(.script){margin:0 0 12px;color:#244b64;font-size:15px;line-height:1.6}.button--hero{min-width:224px;min-height:49px}.button--hero span{margin-left:26px}.hero__copy small{display:block;margin:4px 0 0 15px;color:#718895;font-size:14px}.hero__note{position:absolute;right:2%;top:58px;text-align:center;transform:rotate(-7deg)}.hero__points{position:absolute;left:max(22px,calc((100% - 1180px)/2));bottom:20px;display:flex;gap:27px;color:#31566c;font-size:14px;font-weight:600}.hero__points span{display:flex;align-items:center;gap:7px}.hero__points b{width:31px;height:31px;display:grid;place-items:center;color:var(--teal);border:1px solid #85c2ca;border-radius:50%;font-size:17px}
.problems{padding:16px 0 14px;background:white}.problems h2,.section-title h2,.voices>h2{margin:0 0 10px;text-align:center;color:#164661;font:500 23px/1.4 var(--serif);letter-spacing:.1em}.problems__inner{width:min(1160px,calc(100% - 44px));margin:auto;display:grid;grid-template-columns:repeat(4,1fr) 1.35fr;gap:7px}.problem{min-height:88px;display:flex;align-items:center;justify-content:center;gap:13px;padding:10px;background:linear-gradient(145deg,#f1f7f8,#fff);border-radius:13px;text-align:center}.problem span{width:37px;height:37px;display:grid;place-items:center;color:var(--teal);border:1px solid #73b9c2;border-radius:50%;font-size:16px}.problem p{margin:0;color:#3e5869;font-size:14px;line-height:1.55}.problem-answer{position:relative;display:flex;align-items:center}.bubble{min-width:180px;padding:13px 10px;position:relative;color:var(--teal2);text-align:center;border:1px solid #75b9c2;border-radius:50%;transform:rotate(-4deg)}.bubble:after{content:"";position:absolute;right:-9px;bottom:9px;width:18px;height:18px;background:white;border-right:1px solid #75b9c2;transform:rotate(31deg)}.bubble i,.bubble strong{display:block;font:italic 15px/1.6 var(--serif);letter-spacing:.06em}.bubble strong{font-size:16px}.line-person{width:70px;height:82px;position:absolute;right:1px;bottom:-4px;color:#3d6f8f}.line-person span{position:absolute;top:0;left:22px;font-size:26px}.line-person i{position:absolute;top:29px;left:35px;width:1px;height:50px;background:#3d6f8f;transform:rotate(-12deg)}.line-person b{position:absolute;bottom:0;right:1px;font-size:33px;font-weight:400}
.features{padding:13px 0 18px;background:radial-gradient(circle at 60% 10%,white 0,transparent 28%),linear-gradient(180deg,#eaf8f9,#eff9f9)}.section-title{text-align:center}.section-title h2{margin-bottom:1px;font-size:25px}.section-title p{margin:0 0 10px;color:#557384;font-size:14px}.feature-grid{width:min(1180px,calc(100% - 44px));margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.feature-card{min-width:0;padding:7px 8px 12px;background:rgba(255,255,255,.85);border:1px solid #d8eaed;border-radius:8px;box-shadow:0 5px 15px rgba(40,92,109,.05)}.feature-card h3{margin:6px 2px 2px;color:#15445e;font:700 16px/1.4 var(--serif);letter-spacing:.02em}.feature-card p{margin:0 2px;color:#526c7b;font-size:14px;line-height:1.65}.ui-shot{height:112px;overflow:hidden;border:3px solid white;border-radius:6px;background:linear-gradient(135deg,#f3f7fd,#e7eff8);box-shadow:inset 0 0 0 1px #dae3ef}.ui-calendar{display:grid;grid-template-columns:repeat(4,1fr);align-content:end;gap:4px;padding:31px 9px 12px}.ui-calendar span{height:13px;border-radius:3px;background:white}.ui-calendar .violet{grid-column:span 2;background:#a897ed}.ui-calendar .teal{grid-column:span 2;background:#56b9c4}.ui-customers{padding:20px 12px}.ui-customers>div{display:grid;grid-template-columns:24px 1fr 34px;align-items:center;gap:7px;margin:6px 0}.ui-customers i{width:24px;height:24px;border-radius:50%;background:#d2b49f}.ui-customers b{height:7px;border-radius:6px;background:white}.ui-customers em{height:15px;border:1px solid #b4cbd9;border-radius:6px;background:#f8fbff}.ui-report{display:flex;align-items:center;gap:11px;padding:17px}.report-lines{flex:1}.report-lines i,.blog-lines i{display:block;height:6px;margin:8px 0;background:white;border-radius:8px}.chart{width:56px;height:56px;border:7px solid #87b6db;border-top-color:#a498e3;border-radius:50%}.ui-library{display:flex;align-items:center;justify-content:center;gap:5px;padding:11px}.ui-library div{width:31%;height:83px;background:white;border-radius:5px;box-shadow:0 3px 9px #b9cad83d}.ui-library div:nth-child(2){background:#e7dfff;transform:translateY(-4px)}.ui-blog{display:grid;grid-template-columns:42% 1fr;align-items:center;gap:8px;padding:13px}.blog-image{height:72px;display:grid;place-items:center;color:white;background:linear-gradient(135deg,#8b7fc7,#345a8d);border-radius:5px;font-size:27px}
.workstyle{height:270px;position:relative;overflow:hidden;background:linear-gradient(90deg,#edf7f8,#fff 70%,#e7f3fa)}.workstyle>img{position:absolute;inset:0 auto 0 0;width:53%;height:100%;object-fit:cover;object-position:26% center}.workstyle:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 34%,rgba(255,255,255,.96) 54%,rgba(234,246,250,.5) 100%)}.workstyle__copy{width:53%;height:100%;position:relative;z-index:2;margin-left:47%;padding:27px 5% 15px 3%}.workstyle__script{position:absolute;left:-37%;top:52px;color:#34526c;text-align:center;transform:rotate(-8deg)}.workstyle h2{margin:0 0 8px;color:#16445f;font:500 24px/1.4 var(--serif);letter-spacing:.08em}.workstyle__copy>p:not(.script){margin:0;color:#577080;font-size:14px}.workstyle__points{margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.workstyle__points span{min-height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#456174;background:rgba(245,251,252,.86);border-radius:10px;text-align:center;font-size:14px;line-height:1.5}.workstyle__points b{color:#208aa0;font-size:22px;line-height:1.2}
.voices{padding:14px 0 17px;background:white}.voices>h2{margin-bottom:0;font-size:21px}.preparation-note{margin:0 0 9px;text-align:center;color:#8aa0ac;font-size:14px}.voices__grid{width:min(1160px,calc(100% - 44px));margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.voices article{min-height:101px;display:grid;grid-template-columns:62px 1fr;gap:9px;padding:12px;background:white;border:1px solid #dbe8eb;border-radius:7px;box-shadow:0 3px 12px rgba(40,92,109,.04)}.avatar{width:56px;height:56px;display:grid;place-items:center;color:white;background:linear-gradient(145deg,#a8d8da,#527f92);border-radius:50%;font:21px Georgia,serif}.avatar--two{background:linear-gradient(145deg,#dad2aa,#748c9c)}.avatar--three{background:linear-gradient(145deg,#b8d5d0,#597389)}.voices h3{margin:0 0 4px;color:#18536d;font:700 14px/1.45 var(--serif)}.voices article p{margin:0;color:#5f7582;font-size:14px;line-height:1.55}.voices article small{display:block;margin-top:5px;color:#8397a2;font-size:14px}
.columns{padding:12px 0 17px;background:white}.columns__head{width:min(1160px,calc(100% - 44px));margin:0 auto 7px;display:flex;align-items:center;justify-content:space-between}.columns h2{margin:0;color:#16445f;font:500 19px/1.4 var(--serif);letter-spacing:.08em}.columns__head a,.faq__head a{color:var(--teal2);font-size:14px;font-weight:700}.columns__grid{width:min(1160px,calc(100% - 44px));margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.columns article time{display:block;margin-top:5px;color:#6f8490;font-size:14px}.columns article h3{margin:0;color:#405b6b;font:500 14px/1.55 var(--serif)}.thumb{height:92px;display:grid;place-items:center;overflow:hidden;border-radius:3px;background:#dceaf0}.thumb span{font-size:34px;color:#496e83}.thumb--1{background:linear-gradient(135deg,#dfecf1,#f7fafb)}.thumb--2{background:linear-gradient(145deg,#b9dcdf,#5b92a5)}.thumb--2 span{color:white}.thumb--3{background:linear-gradient(145deg,#eceff4,#d7e2ed)}.thumb--4{background:linear-gradient(145deg,#dcece0,#f7faf5)}.thumb--4 span{color:#7fa593}.thumb--5{background:linear-gradient(145deg,#e7eeee,#cbdcd8)}
.pricing{padding:13px 0 15px;background:linear-gradient(135deg,#e8f8f9,#f9fcfc)}.pricing__inner{width:min(1160px,calc(100% - 44px));margin:auto;display:grid;grid-template-columns:2.1fr .9fr;gap:14px}.plans-head{display:flex;align-items:baseline;justify-content:center;gap:30px}.plans-head h2,.faq__head h2{margin:0;color:#16445f;font:500 20px/1.4 var(--serif);letter-spacing:.08em}.plans-head p{margin:0;color:#607887;font-size:14px}.plan-grid{margin-top:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.plan{height:223px;position:relative;padding:10px 20px;background:white;border:1px solid #d6e8ea;border-radius:7px;text-align:center}.plan--recommended{border:2px solid #2aa6a5}.recommended{position:absolute;right:9px;top:-13px;padding:2px 10px;color:white;background:#47b9aa;border-radius:999px;font-size:14px}.plan h3{margin:0;color:#244a62;font:700 14px/1.4 var(--serif)}.price{margin:0;color:#29516b;font-size:14px}.price strong{font:500 31px/1.2 Georgia,serif}.plan>small{display:block;color:#607784;font-size:14px}.plan ul{min-height:79px;margin:5px 0 7px;padding-left:20px;color:#455f70;text-align:left;font-size:14px;line-height:1.55}.plan button{width:100%;height:27px;color:white;background:linear-gradient(90deg,#36aeaf,#1b8191);border:0;border-radius:999px;cursor:pointer;font-size:14px;font-weight:700}.price-disclaimer{margin:4px 0 0;text-align:center;color:#79909b;font-size:14px}.faq__head{height:37px;display:flex;align-items:center;justify-content:space-between}.faq details{background:white;border-bottom:1px solid #dbe8eb}.faq details:first-of-type{border-radius:6px 6px 0 0}.faq details:last-child{border-bottom:0;border-radius:0 0 6px 6px}.faq summary{min-height:37px;position:relative;padding:9px 30px 8px 10px;color:#466171;list-style:none;cursor:pointer;font-size:14px;font-weight:700}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"＋";width:17px;height:17px;position:absolute;right:8px;top:10px;display:grid;place-items:center;color:var(--teal);border:1px solid var(--teal);border-radius:50%;font-size:14px}.faq details[open] summary:after{content:"−"}.faq details p{margin:0;padding:0 10px 9px;color:#6b7f8b;font-size:14px}
.closing{height:151px;position:relative;overflow:hidden;color:white}.closing>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%}.closing:after{content:"";position:absolute;inset:0;background:rgba(14,66,98,.24)}.closing__left,.closing__right,.closing__center{position:absolute;z-index:2}.closing__left{left:7%;top:29px;color:white;text-align:center}.closing__right{right:7%;top:29px;color:white;text-align:center}.closing__center{left:50%;top:20px;transform:translateX(-50%);text-align:center}.closing h2{margin:0 0 7px;font:500 21px/1.4 var(--serif);letter-spacing:.08em;white-space:nowrap}.button--glass{min-width:300px;min-height:39px;padding:4px 20px;color:white;background:linear-gradient(90deg,rgba(35,171,174,.95),rgba(20,110,130,.92));border-color:rgba(255,255,255,.8);font-size:14px}.button--glass span{margin-left:44px}.closing__center small{display:block;margin-top:2px;color:#dcebf2;font-size:14px}
.footer{height:75px;background:white}.footer__inner{width:min(1180px,calc(100% - 44px));height:100%;margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}.footer .logo__mark{width:32px;height:32px}.footer .logo__mark:after{width:21px;height:21px}.footer .logo__mark i{width:14px;height:21px;left:6px;top:4px}.footer .logo__type{font-size:19px}.footer nav{display:flex;justify-content:center;gap:15px;color:#385467;font-size:14px;font-weight:600}.footer>div>p{margin:0;color:#718590;font-size:14px}
.dialog{width:min(450px,calc(100% - 30px));padding:34px;text-align:center;color:var(--text);border:0;border-radius:19px;box-shadow:0 25px 90px rgba(10,52,72,.3)}.dialog::backdrop{background:rgba(14,47,66,.54);backdrop-filter:blur(4px)}.dialog>span{display:grid;place-items:center;width:54px;height:54px;margin:auto;color:var(--teal);background:var(--ice);border:1px solid var(--line);border-radius:50%;font-size:25px}.dialog h2{margin:12px 0 7px;color:var(--navy);font:500 24px/1.4 var(--serif)}.dialog p{color:#637987}.dialog__close{position:absolute;right:11px;top:9px;width:34px;height:34px;color:var(--navy);background:var(--ice);border:0;border-radius:50%;cursor:pointer;font-size:21px}
.columns article>a{display:block}.columns article>a:hover h3{color:var(--teal2)}
.page-hero{padding:52px 22px 48px;text-align:center;background:linear-gradient(180deg,#eef9fa,#fff)}.page-hero .eyebrow{margin:0 0 6px;color:var(--teal2);font:700 14px/1.4 Georgia,serif;letter-spacing:.2em}.page-hero h1{margin:0;color:var(--navy);font:500 clamp(28px,4vw,42px)/1.45 var(--serif);letter-spacing:.08em}.page-hero p{max-width:650px;margin:10px auto 0;color:#607b8a}.breadcrumb{width:min(1000px,calc(100% - 36px));margin:15px auto;color:#78909d;font-size:14px}.breadcrumb a{color:var(--teal2)}
.article-index{width:min(1000px,calc(100% - 36px));margin:0 auto;padding:20px 0 75px}.article-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article-list article{overflow:hidden;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 28px rgba(34,84,99,.07);transition:.2s}.article-list article:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(34,84,99,.12)}.article-list a{display:block}.article-list .thumb{height:160px;border-radius:0}.article-list__body{padding:17px 18px 20px}.article-list time{color:var(--teal2);font-size:14px}.article-list h2{margin:5px 0 8px;color:var(--navy);font:600 18px/1.55 var(--serif)}.article-list p{margin:0;color:#617987;font-size:14px}.article-list .coming{opacity:.7}.article-list .coming .thumb{filter:grayscale(.25)}.article-list .tag{display:inline-block;margin-left:7px;padding:1px 7px;color:white;background:#91aab5;border-radius:99px;font-size:14px}
.article-page{width:min(860px,calc(100% - 36px));margin:auto;padding:0 0 80px}.article-heading{padding:32px 0 28px;text-align:center;border-bottom:1px solid var(--line)}.article-heading .category{display:inline-block;padding:3px 12px;color:var(--teal2);background:var(--aqua);border-radius:99px;font-size:14px;font-weight:700}.article-heading h1{margin:12px auto 10px;color:var(--navy);font:500 clamp(26px,4vw,39px)/1.5 var(--serif);letter-spacing:.04em}.article-heading .lead{max-width:650px;margin:0 auto 12px;color:#5b7584;font-size:16px}.article-heading time{color:#8297a2;font-size:14px}.article-cover{height:290px;margin:28px 0 35px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#e2f0f2,#f8fbfc);border-radius:16px}.article-cover span{font-size:85px;color:#5e8ba0}.article-cover:before,.article-cover:after{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(38,145,158,.16);border-radius:46% 54% 42% 58%;transform:rotate(25deg)}.article-cover:after{width:390px;height:170px;transform:rotate(-16deg)}.article-body{max-width:700px;margin:auto;color:#3f5c6c;font-size:17px;line-height:2}.article-body h2{margin:44px 0 16px;padding-left:14px;color:var(--navy);font:600 24px/1.55 var(--serif);border-left:3px solid var(--teal)}.article-body h3{margin:29px 0 10px;color:#20516c;font:600 18px/1.6 var(--serif)}.article-body p{margin:0 0 20px}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:1.5em}.article-body li{margin:7px 0}.article-note{margin:28px 0;padding:20px 24px;background:var(--ice);border:1px solid var(--line);border-radius:12px}.article-note strong{display:block;margin-bottom:5px;color:var(--teal2)}.article-cta{margin-top:50px;padding:28px;text-align:center;background:linear-gradient(135deg,#e8f7f8,#f9fcfc);border-radius:16px}.article-cta h2{margin:0 0 8px;padding:0;border:0;font-size:22px}.article-cta p{margin:0 0 15px}.back-link{display:inline-flex;margin-top:35px;color:var(--teal2);font-weight:700}
.info-page{width:min(760px,calc(100% - 36px));margin:0 auto;padding:35px 0 85px}.info-page h2{margin:35px 0 12px;color:var(--navy);font:600 22px/1.5 var(--serif)}.info-page h2:first-child{margin-top:0}.info-page p,.info-page li{color:#526e7d;line-height:1.9}.info-page dl{margin:0;border-top:1px solid var(--line)}.info-page dl>div{display:grid;grid-template-columns:160px 1fr;padding:15px 0;border-bottom:1px solid var(--line)}.info-page dt{color:var(--navy);font-weight:700}.info-page dd{margin:0;color:#5e7785}.notice-box{padding:20px 24px;background:var(--ice);border:1px solid var(--line);border-radius:12px}.notice-box strong{display:block;margin-bottom:5px;color:var(--teal2)}
@media(max-width:1000px){.header__inner{gap:18px}.nav{gap:13px}.header__actions .button--outline{display:none}.hero__note{display:none}.problems__inner{grid-template-columns:repeat(4,1fr)}.problem-answer{grid-column:1/-1;justify-content:center;min-height:85px}.line-person{right:calc(50% - 150px)}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-card:nth-child(4),.feature-card:nth-child(5){transform:translateX(50%)}.pricing__inner{grid-template-columns:1fr}.faq{max-width:640px;width:100%;margin:auto}.footer nav{gap:8px}}
@media(max-width:740px){body{font-size:16px}.header{height:64px}.header__inner{width:calc(100% - 28px)}.logo__mark{width:35px;height:35px}.logo__type{font-size:20px}.header__actions{display:none}.menu{width:40px;height:40px;margin-left:auto;display:block;padding:8px;background:transparent;border:0;cursor:pointer}.menu span{display:block;height:2px;margin:5px 0;background:var(--navy)}.menu b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.nav{display:none;position:fixed;left:0;right:0;top:64px;padding:12px 20px 18px;flex-direction:column;align-items:stretch;gap:0;background:white;border-bottom:1px solid var(--line);box-shadow:0 12px 25px rgba(30,76,92,.12)}.nav--open{display:flex}.nav a{padding:10px;font-size:15px}
.hero{height:700px}.hero__photo{height:43%;top:auto;bottom:0;object-position:65% center}.hero__shade{background:linear-gradient(180deg,#f6fbfc 0%,#f6fbfc 55%,rgba(246,251,252,.75) 72%,rgba(246,251,252,0) 100%)}.hero__content{width:calc(100% - 34px)}.hero__copy{width:100%;padding-top:29px}.hero h1{font-size:32px;line-height:1.25}.hero__copy>p:not(.script){font-size:14px}.hero__copy .script{font-size:16px}.button--hero{width:100%;margin-top:2px}.hero__points{left:17px;right:17px;bottom:9px;gap:5px;justify-content:space-between}.hero__points span{flex:1;justify-content:center;gap:3px;font-size:14px}.hero__points b{width:25px;height:25px;font-size:14px}
.problems{padding:21px 0}.problems h2,.section-title h2,.voices>h2{font-size:20px}.problems__inner{width:calc(100% - 28px);grid-template-columns:1fr 1fr}.problem{min-height:108px;flex-direction:column;gap:4px}.problem-answer{grid-column:1/-1}.feature-grid{width:calc(100% - 28px);grid-template-columns:1fr 1fr}.feature-card:nth-child(4),.feature-card:nth-child(5){transform:none}.feature-card:nth-child(5){grid-column:1/-1}.feature-card{padding:7px 7px 12px}.ui-shot{height:105px}.feature-card h3{font-size:15px}.feature-card p{font-size:14px}
.workstyle{height:auto;padding-bottom:22px}.workstyle>img{position:relative;width:100%;height:260px;object-position:28% center}.workstyle:after{background:linear-gradient(180deg,transparent 190px,white 285px)}.workstyle__copy{width:100%;height:auto;margin:0;padding:0 18px;z-index:2}.workstyle__script{display:none}.workstyle h2{font-size:21px}.workstyle__copy>p:not(.script){font-size:14px}.workstyle__points{grid-template-columns:1fr 1fr}.workstyle__points span{min-height:68px}
.voices{padding:22px 0}.voices__grid{width:calc(100% - 28px);grid-template-columns:1fr}.voices article{grid-template-columns:58px 1fr}.columns{padding:20px 0}.columns__head,.columns__grid{width:calc(100% - 28px)}.columns__grid{grid-template-columns:1fr 1fr}.columns article:nth-child(5){grid-column:1/-1}.thumb{height:105px}
.pricing{padding:23px 0}.pricing__inner{width:calc(100% - 28px)}.plans-head{display:block;text-align:center}.plan-grid{grid-template-columns:1fr}.plan{height:auto;padding:14px 23px}.plan ul{min-height:0;max-width:230px;margin:7px auto 12px}.plan button{height:35px}.closing{height:260px}.closing__left,.closing__right{display:none}.closing__center{width:calc(100% - 28px);top:59px}.closing h2{font-size:21px;white-space:normal}.button--glass{width:100%;min-width:0}.footer{height:auto}.footer__inner{width:calc(100% - 28px);padding:25px 0;grid-template-columns:1fr;text-align:center}.footer .logo{justify-content:center}.footer nav{flex-wrap:wrap}.footer>div>p{margin:0}
.page-hero{padding:38px 18px}.article-list{grid-template-columns:1fr}.article-list .thumb{height:190px}.article-heading{padding-top:20px}.article-cover{height:220px;margin-top:20px}.article-body{font-size:16px}.article-body h2{margin-top:36px;font-size:21px}.article-body h3{font-size:17px}.article-note{padding:17px}.article-cta{padding:23px 17px}.info-page dl>div{grid-template-columns:1fr;gap:4px}.info-page h2{font-size:20px}
}
@media(max-width:390px){.feature-grid{grid-template-columns:1fr}.feature-card:nth-child(5){grid-column:auto}.ui-shot{height:125px}.columns__grid{grid-template-columns:1fr}.columns article:nth-child(5){grid-column:auto}.thumb{height:130px}.hero h1{font-size:29px}.hero__points span{flex-direction:column;text-align:center;line-height:1.2}}
/* Generated assets and the pre-launch membership state. */
section[id], h2[id] { scroll-margin-top: 82px; }
.button:disabled,
.plan button:disabled {
  color: #67727a;
  background: #e5e8ea;
  border: 1px solid #d4dadd;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
  transform: none;
}
.button__status {
  margin-left: .35em;
  font-size: .8em;
  font-weight: 500;
  letter-spacing: 0;
  white-space: nowrap;
}
.button--hero .button__status,
.button--glass .button__status { margin-left: .35em; }
.header__inner { gap: 24px; }
.header__actions { flex-shrink: 0; }
.header__actions .button { padding-inline: 13px; white-space: nowrap; }
.nav { gap: 20px; }
.hero { height: clamp(420px, 35vw, 520px); }
.hero h1 { font-size: clamp(25px, 2.85vw, 41px); line-height: 1.22; }
.hero h1 em { font-size: 1.48em; }
.hero__copy { container-type: inline-size; }
.hero__title-line { display: block; }
.hero__title-description {
  white-space: nowrap;
  font-size: .92em;
  font-size: min(1em, 7.8cqw);
  letter-spacing: .025em;
}
.hero__note {
  top: 18px;
  right: 0;
  margin: 0;
  padding: 12px 18px;
  color: #315978;
  background: rgba(249, 253, 253, .96);
  border: 1px solid rgba(179, 208, 217, .7);
  border-radius: 18px;
  font-size: 16px;
  line-height: 1.65;
  transform: rotate(-3deg);
}
.icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.25;
  stroke-linecap: round;
  stroke-linejoin: round;
  vertical-align: middle;
}
.hero__points .icon { width: 21px; height: 21px; }
.workstyle__points .icon { width: 29px; height: 29px; }
.problems { padding: 28px 0 30px; overflow: hidden; }
.problems h2 { margin-bottom: 22px; }
.problems__inner {
  grid-template-columns: repeat(4, minmax(0, 1fr)) 270px;
  gap: 12px;
  align-items: center;
}
.problem {
  min-height: 208px;
  padding: 16px 8px;
  flex-direction: column;
  gap: 12px;
  background: #f6fafa;
  border: 1px solid #e7eff0;
  border-radius: 12px;
}
.problem__image { width: 112px; height: 112px; object-fit: contain; }
.problem p { font-size: 14px; line-height: 1.9; }
.problem p strong { font-weight: 600; }
.problem-answer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  padding: 0;
  min-height: 0;
}
.problem-answer__copy { margin: 0; color: #446d7b; font: 500 16px/1.7 var(--serif); text-align: center; }
.problem-answer__copy strong { display: block; color: var(--teal2); font-weight: 500; font-size: 18px; }
.problem-answer__copy em { font: normal 24px/1.4 Georgia, serif; letter-spacing: .035em; }
.problem-answer__image { width: 242px; height: 181px; object-fit: contain; }
.features { position: relative; overflow: hidden; isolation: isolate; }
.feature-grid, .section-title { position: relative; z-index: 1; }
.botanical { position: absolute; z-index: 0; bottom: -18px; width: 125px; height: 188px; object-fit: contain; pointer-events: none; opacity: .65; }
.botanical--left { left: -38px; }
.botanical--right { right: -35px; transform: scaleX(-1); }
.ui-shot { height: auto; aspect-ratio: 3 / 2; }
.ui-shot img { width: 100%; height: 100%; object-fit: cover; }
.avatar { overflow: hidden; background: #edf3f3; }
.avatar img { width: 100%; height: 100%; object-fit: cover; }
.thumb img { width: 100%; height: 100%; object-fit: cover; }
.article-list .coming { opacity: 1; }
.article-list .coming .thumb { filter: none; }
.article-cover img { width: 100%; height: 100%; object-fit: cover; }
.article-cover:before, .article-cover:after { content: none; }
.feature-note { position: relative; z-index: 1; margin: 12px 16px 0; color: #647e8a; font-size: 14px; text-align: center; }
.voices { padding: 25px 0; }
.preparation-note { margin: 8px 18px 17px; color: #607b8a; font-size: 14px; }
.voices article { padding: 17px 14px; align-items: start; }
.voices h3 { font-size: 15px; }
.voices article p { font-size: 14px; line-height: 1.8; }
.voices article small { color: #477987; font-size: 14px; }
.column-status { display: inline-block; margin: 6px 0 3px; padding: 1px 7px; color: #617782; background: #edf3f4; border-radius: 4px; font-size: 14px; }
.article-list .coming:hover { transform: none; box-shadow: 0 8px 28px rgba(34,84,99,.07); }
/* Reading order: plans, frequently asked questions, then columns. */
.pricing { padding: 30px 0 32px; }
.pricing__inner { display: block; max-width: 1040px; }
.plans-head { display: block; text-align: center; }
.plans-head h2, .faq__head h2 { font-size: 24px; }
.plans-head p { margin-top: 7px; font-size: 14px; }
.plan-grid { gap: 18px; margin-top: 24px; }
.plan {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: auto;
  min-height: 268px;
  padding: 20px 24px;
}
.plan h3 { font-size: 15px; }
.price { margin: 5px 0; font-size: 14px; }
.price strong { font-size: 38px; }
.plan > small { font-size: 14px; }
.plan ul { min-height: 0; margin: 14px 0 20px; font-size: 14px; line-height: 1.8; }
.plan button { height: 36px; margin-top: auto; font-size: 14px; }
.recommended { top: -12px; font-size: 14px; }
.price-disclaimer { margin-top: 12px; font-size: 14px; }
.faq-section { padding: 32px 0 36px; background: #f8fcfc; }
.faq { width: calc(100% - 44px); max-width: 860px; margin: auto; }
.faq__head { height: auto; margin-bottom: 18px; justify-content: center; }
.faq details,
.faq details:first-of-type,
.faq details:last-child { margin-top: 9px; border: 1px solid var(--line); border-radius: 9px; }
.faq summary { min-height: 54px; padding: 16px 50px 16px 20px; font-size: 15px; }
.faq summary:after { top: 18px; right: 18px; }
.faq summary:focus-visible { outline: 2px solid var(--teal); outline-offset: 3px; border-radius: 9px; }
.faq details p { padding: 0 20px 18px; font-size: 14px; line-height: 1.8; }
.columns { padding: 30px 0 34px; }
.columns__head { margin-bottom: 14px; }
@media(max-width: 1150px) {
  .header__inner { gap: 16px; }
  .header__actions .button--outline { display: none; }
  .nav { gap: 14px; }
}
@media(max-width: 1000px) {
  .problems__inner { grid-template-columns: repeat(4, 1fr); }
  .problem-answer { width: auto; min-height: 0; margin: 8px auto 0; flex-direction: row; gap: 28px; }
  .problem-answer__image { width: 190px; height: 142px; }
}
@media(max-width: 740px) {
  .hero { height: 700px; }
  .hero h1 { font-size: clamp(23px, 6.7vw, 32px); }
  .hero h1 em { font-size: 1.38em; }
  .hero__points .icon { width: 18px; height: 18px; }
  .problems__inner { grid-template-columns: repeat(2, 1fr); }
  .problem { min-height: 192px; padding: 14px 7px; gap: 8px; }
  .problem__image { width: 104px; height: 104px; }
  .problem p { font-size: 14px; }
  .problem-answer { width: 100%; max-width: 440px; flex-direction: column; gap: 10px; margin-top: 12px; }
  .problem-answer__copy { font-size: 14px; }
  .problem-answer__copy strong { font-size: 16px; }
  .problem-answer__copy em { font-size: 20px; }
  .problem-answer__image { width: 220px; max-width: 75%; height: auto; aspect-ratio: 4 / 3; }
  .feature-card:nth-child(5) { width: calc(50% - 4px); justify-self: center; }
  .ui-shot { height: auto; }
  .botanical { width: 100px; }
  .article-list .thumb { height: auto; aspect-ratio: 3 / 2; }
  .article-cover { height: auto; aspect-ratio: 3 / 2; }
  .plan { min-height: 0; }
  .plan ul { width: 100%; max-width: 250px; margin: 14px auto 20px; }
  .faq { width: calc(100% - 28px); }
  .faq summary { padding: 15px 42px 15px 14px; font-size: 14px; }
  .faq details p { padding: 0 14px 15px; }
}
@media(max-width: 390px) {
  .feature-card:nth-child(5) { width: 100%; }
  .ui-shot { height: auto; }
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Reading text stays dark and spacious on both desktop and mobile. */
body{font-size:17px;font-weight:400;line-height:1.85}
.hero h1,.page-hero h1,.article-heading h1{font-weight:600}
.hero__copy p,.article-heading .lead,.page-hero p{text-wrap:pretty}
input,select,textarea{font-family:var(--sans);font-size:16px;color:var(--text)}
::placeholder{color:#596d77;opacity:1}
.logo__type small{font-size:12px;line-height:1.4;letter-spacing:0}
.nav{font-size:14px;gap:18px}
.button{font-size:16px;min-height:48px;line-height:1.6}
.button--small{font-size:14px;min-height:42px}
.button--primary{background:linear-gradient(135deg,#147d86,#116773)}
.button--glass{background:linear-gradient(135deg,#147d86,#116773);font-size:16px;min-height:48px}
.button__status{font-size:14px;font-weight:400}
.button:disabled,.plan button:disabled{color:#495b66;background:#e5ebed;border-color:#c6d2d7}
.hero__copy>p:not(.script),.problem p,.feature-card p,.workstyle__copy>p:not(.script),
.voices article p,.columns article h3,.plan ul,.faq summary,.faq details p,
.article-list p,.article-body,.info-page p,.info-page li,.info-page dd{color:var(--text)}
.hero__copy small,.section-title p,.preparation-note,.voices article small,.columns article time,
.plans-head p,.plan>small,.price-disclaimer,.closing__center small,.footer>div>p,
.page-hero p,.breadcrumb,.article-heading .lead,.article-heading time,.feature-note,
.column-status,.dialog p{color:var(--muted)}
.hero{height:auto;min-height:590px}
.hero__content{height:auto;min-height:inherit}
.hero__copy{width:48%;padding:40px 0 110px}
.hero__copy>p:not(.script){font-size:17px;line-height:1.85;margin-bottom:20px}
.hero__copy small{margin:10px 0 0;font-size:14px}
.hero__points{bottom:24px;gap:24px;font-size:14px}
.hero__points span{padding:5px 10px;background:#f5fbfcf2;border-radius:8px}
.problems h2,.section-title h2,.voices>h2,.columns h2,.plans-head h2,.faq__head h2{font-size:28px;font-weight:600;line-height:1.5}
.section-title p,.plans-head p,.preparation-note{font-size:16px;line-height:1.85}
.problem{min-height:240px;padding:18px 10px}.problem p{font-size:14px;line-height:1.9}
.problem-answer__copy{font-size:16px}.problem-answer__copy strong{font-size:18px}
.features{padding:32px 0}.section-title{padding-inline:18px}.section-title p{margin-bottom:24px}
.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.feature-card{padding:14px 16px 22px;border-radius:12px}
.feature-card:nth-child(4),.feature-card:nth-child(5){transform:translateX(50%)}
.feature-card h3{font:700 18px/1.65 var(--sans);margin:16px 0 8px}
.feature-card p{font-size:16px;line-height:1.9;margin:0}
.feature-note{font-size:14px;margin-top:20px}
.workstyle{height:auto;min-height:460px}
.workstyle__copy{height:auto;padding:36px 4% 32px 3%}
.workstyle h2{font-size:28px;font-weight:600}
.workstyle__copy>p:not(.script){font-size:16px;line-height:1.9}
.workstyle__points{margin-top:22px;gap:10px}
.workstyle__points span{min-height:100px;font-size:14px;line-height:1.65;color:var(--text)}
.voices{padding:36px 0}.voices__grid{gap:18px}.voices article{padding:22px 18px;gap:14px}
.voices h3{font:700 17px/1.65 var(--sans);margin-bottom:10px}
.voices article p{font-size:16px;line-height:1.9}.voices article small{font-size:14px;margin-top:12px}
.columns__head a,.faq__head a{font-size:15px}
.columns__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.columns .thumb{height:auto;aspect-ratio:3/2}
.columns article time{font-size:14px;margin:12px 0 6px}
.columns article h3{font:600 17px/1.75 var(--sans)}
.column-status{font-size:14px;margin:12px 0 6px;background:#edf3f4}
.plan h3{font-size:18px}.plan>small{font-size:15px;line-height:1.7}
.price{font-size:16px}.plan ul{font-size:16px;line-height:1.9}
.plan button{height:auto;min-height:46px;padding:8px 14px;font-size:16px}
.recommended{font-size:14px;top:-16px;background:#147b73}
.price-disclaimer{font-size:14px;line-height:1.85}
.faq summary{font-size:17px;padding-block:18px;line-height:1.8}
.faq summary:after{width:22px;height:22px;top:22px;font-size:16px}
.faq details p{font-size:16px;line-height:1.95}
.closing{height:220px}.closing:after{background:rgba(9,43,68,.58)}
.closing__center{top:39px}.closing h2{font-size:27px;font-weight:600}
.closing__center small{margin-top:10px;font-size:14px;color:#fff}
.closing__left,.closing__right{top:60px;max-width:20%;font-size:16px}
.footer{height:auto;min-height:120px}.footer__inner{padding:28px 0;gap:24px}
.footer nav{flex-wrap:wrap;gap:10px 18px;font-size:14px;color:var(--text)}
.footer nav a{white-space:nowrap}.footer>div>p{font-size:13px}
.page-hero p{font-size:17px;line-height:1.9}.page-hero .eyebrow{font-size:14px}
.breadcrumb{font-size:14px;line-height:1.8}
.article-list h2{font-size:21px;font-weight:600}
.article-list p{font-size:16px;line-height:1.9}.article-list time,.article-list .tag{font-size:14px}
.article-list .tag{background:#496875}.article-heading .category,.article-heading time{font-size:14px}
.article-heading .lead{font-size:17px;line-height:1.9}.article-body{font-size:18px;line-height:2}
.article-body h2{font-size:27px}.article-body h3{font-size:21px}
.info-page p,.info-page li,.info-page dd{font-size:17px;line-height:2}
@media(max-width:1100px){
  .header{height:76px}.header__inner{width:calc(100% - 32px)}.header__actions{display:none}
  .menu{width:44px;height:44px;margin-left:auto;display:block;padding:8px;background:transparent;border:0;cursor:pointer}
  .menu span{display:block;height:2px;margin:5px 0;background:var(--navy)}
  .menu b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .nav{display:none;position:fixed;left:0;right:0;top:76px;margin:0;padding:12px 20px 18px;flex-direction:column;align-items:stretch;gap:0;background:white;border-bottom:1px solid var(--line);box-shadow:0 12px 25px #1e4c5c1f}
  .nav--open{display:flex}.nav a{padding:12px;font-size:16px}
  .hero__copy{width:56%}.hero__note{display:none}
  .problems__inner{grid-template-columns:repeat(2,minmax(0,1fr))}
  .problem-answer{grid-column:1/-1}.voices__grid{grid-template-columns:1fr}
  .footer__inner{grid-template-columns:1fr;text-align:center}.footer .logo{justify-content:center}
}
@media(max-width:740px){
  .hero{min-height:830px}.hero__copy{width:100%;padding:28px 0 370px}
  .hero__copy .script{font-size:17px}.hero__copy>p:not(.script){font-size:16px}
  .hero__photo{height:39%}.hero__shade{background:linear-gradient(180deg,#f6fbfc 0%,#f6fbfc 56%,#f6fbfcbf 73%,#f6fbfc00 100%)}
  .hero__points{left:12px;right:12px;bottom:14px;gap:6px}
  .hero__points span{flex-direction:column;font-size:13px;line-height:1.6;gap:6px;padding:8px 4px}
  .problems h2,.section-title h2,.voices>h2,.columns h2,.plans-head h2,.faq__head h2{font-size:25px;letter-spacing:.04em}
  .problem{padding:16px 10px;min-height:245px}.problem p{font-size:14px}
  .feature-grid,.columns__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .feature-card:nth-child(4),.feature-card:nth-child(5){transform:none}
  .feature-card:nth-child(5){width:calc(50% - 9px)}
  .columns article:nth-child(5){grid-column:auto}
  .workstyle{min-height:0}.workstyle__copy{padding:10px 18px 28px}.workstyle h2{font-size:25px}
  .workstyle__points{grid-template-columns:repeat(2,minmax(0,1fr))}
  .faq summary{font-size:16px;padding:18px 48px 18px 16px}.faq details p{font-size:16px;padding:0 16px 20px}
  .closing{height:265px}.closing h2{font-size:25px}.closing__center{top:52px}
  .article-body{font-size:17px}.article-body h2{font-size:24px}.article-body h3{font-size:20px}
}
@media(max-width:480px){
  .feature-grid,.columns__grid{grid-template-columns:1fr}.feature-card:nth-child(5){width:100%;grid-column:auto}
  .hero__points span{font-size:13px}.logo__type small{font-size:12px}
  .columns__head{align-items:flex-start;gap:12px}.columns__head a{flex:none;padding-top:7px;font-size:14px}
  .voices article{grid-template-columns:46px minmax(0,1fr);padding:20px 14px;gap:12px}.avatar{width:44px;height:44px}
  .plan ul{max-width:none}.plan button{font-size:16px}
}