:root{--navy:#142d40;--teal:#006b78;--pale:#edf3f5;--ink:#183344;--muted:#52636d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:var(--ink);font-family:'Yu Gothic','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;line-height:1.9;font-size:16px}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #007e98;outline-offset:5px}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.header{min-height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d5dfe5;gap:20px}.brand{text-decoration:none;font-size:29px;font-weight:800;letter-spacing:-1px;line-height:1.3}.brand span{display:block;font-size:10px;letter-spacing:1.3px;font-weight:400;margin-top:6px}nav{display:flex;align-items:center;gap:30px;font-size:14px}nav a{text-decoration:none}.nav-cta{padding:10px 20px;border:1px solid var(--navy)}.hero{display:grid;grid-template-columns:1fr 1.07fr;gap:45px;padding-top:68px;padding-bottom:74px;align-items:center}.eyebrow{font-size:12px;color:var(--teal);font-weight:700;letter-spacing:2px;margin:0 0 20px}.hero h1{font-size:clamp(32px,3.5vw,50px);line-height:1.5;letter-spacing:.025em;margin:0 0 24px;font-weight:700}.hero h1 em{font-style:normal;color:var(--teal)}.lead{font-size:17px;line-height:2;margin-bottom:27px}.button{display:inline-block;background:var(--navy);color:white;padding:16px 28px;text-decoration:none;font-weight:700;font-size:15px;border:1px solid var(--navy)}.button:hover{background:var(--teal);border-color:var(--teal)}.small{font-size:13px;color:var(--muted)}figure{margin:0}.hero-photo{align-self:stretch;padding-top:16px;display:flex;flex-direction:column;justify-content:center}.hero-photo img{display:block;width:100%;height:510px;object-fit:cover;object-position:48% center}.hero-photo figcaption{font-size:12px;color:var(--muted);line-height:1.6;margin-top:12px}h2{font-size:clamp(27px,3vw,38px);line-height:1.6;letter-spacing:.02em;margin:0 0 25px}h3{line-height:1.6}.intro{border-top:1px solid #d5dfe5;padding-top:66px;padding-bottom:70px}.intro>p:not(.eyebrow){max-width:760px;line-height:2.2}.intro-close{margin-top:30px}.contact{padding-block:75px;border-top:1px solid #ccd8df}.phone{display:inline-block;margin:20px 30px;font-size:23px;font-weight:700;text-decoration:none}footer{padding-block:32px;border-top:1px solid #ccd8df;font-size:13px;color:var(--muted)}footer p{margin:4px 0}.skip{position:absolute;top:-80px;left:10px;padding:8px;background:white;z-index:10}.skip:focus{top:10px}.mobile-break{display:none}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{min-height:88px}.brand{font-size:24px}.brand span{font-size:8px}nav{gap:10px}nav>a:not(.nav-cta){display:none}.nav-cta{font-size:12px;padding:8px 10px}.hero{grid-template-columns:1fr;padding-top:38px;gap:25px;padding-bottom:45px}.hero h1{font-size:clamp(30px,7.9vw,46px)}.hero-photo img{height:auto;aspect-ratio:1.3;object-position:center}.hero-photo{padding:0}.intro,.contact{padding-block:45px}.phone{display:block;margin:20px 0}.lead{font-size:16px}.eyebrow{font-size:11px}.mobile-break{display:initial}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{color-scheme:light}.uses-band{background:var(--pale);padding-block:75px}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:40px}.number{font-size:40px;font-weight:300;color:var(--teal)}.use-grid h3{font-size:24px;margin:5px 0 24px}.subject{font-weight:bold}.tags{display:flex;gap:10px;margin-top:24px}.tags span{padding:4px 12px;font-size:13px;border:1px solid #a3b9c4}.example{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:85px}.usage-list{padding-top:10px}.usage-list>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #ccd8df;padding:18px 0}.usage-list>div>span{color:var(--muted)}.plans{padding-block:60px 75px;border-top:1px solid #ccd8df}.standard{background:var(--navy);color:white;padding:40px 45px;display:grid;grid-template-columns:1fr 1.1fr;gap:45px;border-left:5px solid var(--teal);margin-top:35px}.plan-kicker{color:#bde1e6;font-size:13px;margin:0 0 20px}.standard h3{font-size:34px;letter-spacing:1px;margin:0}.plan-price{font-size:48px;margin:8px 0 0;line-height:1.5;font-weight:700}.plan-price span{font-size:16px;margin-left:5px;font-weight:400}.spec{font-size:18px;margin-top:0}.standard-details>p:not(.spec){font-size:14px}.light{background:white;color:var(--navy);border-color:white}.light:hover{background:#c7e3e8;border-color:#c7e3e8;color:var(--navy)}.secondary-plans{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.secondary-plans article{padding:27px 30px;background:var(--pale)}.secondary-plans h3{font-size:22px;margin:0}.secondary-price{font-size:28px;font-weight:700;margin:6px 0 15px}.secondary-price span{font-size:14px;font-weight:400;margin-left:5px}.secondary-plans article>p{font-size:14px;margin:0}.plan-note{margin:25px 0}.text-link{font-size:14px;font-weight:700}.process{padding-block:65px;border-top:1px solid #ccd8df}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:38px}.process-grid article>span{color:var(--teal);font-size:22px}.process-grid h3{font-size:22px;margin:8px 0}.process-grid p{color:var(--muted);font-size:15px}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:65px;border-top:1px solid #ccd8df}.about h3{margin-top:0}.link-space{display:block;height:12px}.faq{padding-block:60px 80px;border-top:1px solid #ccd8df}.faq details{border-bottom:1px solid #ccd8df}.faq summary{cursor:pointer;padding:22px 0;font-weight:700}.faq details p{max-width:850px;margin:0 0 25px;color:var(--muted)}.contact-band{background:var(--navy);color:white}.contact-band .contact{border:0}.contact-band .eyebrow,.contact-band .small{color:#bde1e6}@media(max-width:800px){.use-grid,.example,.standard,.secondary-plans,.process-grid,.about{grid-template-columns:1fr;gap:26px}.uses-band,.example,.plans,.process,.about,.faq{padding-block:45px}.use-grid{gap:36px}.use-grid article{border-top:1px solid #c8d7df;padding-top:18px}.use-grid h3{margin-bottom:12px}.use-grid p{margin:8px 0}.standard{padding:27px 23px;gap:25px}.standard h3{font-size:28px}.plan-price{font-size:43px}.plan-price span{font-size:14px}.plan-kicker{font-size:12px}.standard .button{padding:13px 15px;font-size:14px}.usage-list>div{font-size:14px}.secondary-plans article{padding:24px}.process-grid article{border-bottom:1px solid #d5dfe5;padding-bottom:15px}.contact h2{font-size:26px}.button{max-width:100%;text-align:center}.faq summary{font-size:15px}.text-link{overflow-wrap:anywhere}}
