@font-face{font-family:Pretendard;src:url('/platform-assets/apps/haruyak/fonts/pretendard_regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Pretendard;src:url('/platform-assets/apps/haruyak/fonts/pretendard_semibold.woff2') format('woff2');font-weight:600 800;font-display:swap}
:root{color-scheme:light;--ink:#223B37;--muted:#60716D;--green:#166454;--mint:#EDF5F1;--line:#DAE6E1;--paper:#F5F8F7;scroll-behavior:smooth}
*{box-sizing:border-box;letter-spacing:0}
body{margin:0;background:#fff;color:var(--ink);font-family:Pretendard,system-ui,sans-serif;font-size:16px;line-height:1.75}
a{color:var(--green);text-underline-offset:4px}button{font:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600;word-break:keep-all;overflow-wrap:anywhere}p{word-break:keep-all;overflow-wrap:anywhere}h2{font-size:32px;line-height:1.4}h3{font-size:19px;line-height:1.5}
.wrap{width:min(1100px,calc(100% - 48px));margin-inline:auto}.eyebrow{color:var(--green);font-size:13px;font-weight:600}.skip-link{position:fixed;z-index:50;top:8px;left:12px;padding:10px;background:#fff;transform:translateY(-200%)}.skip-link:focus{transform:none}:focus-visible{outline:3px solid #166454;outline-offset:4px}section[id]{scroll-margin-top:24px}
.app-header{border-bottom:1px solid var(--line);background:#fff}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.platform-brand{font-weight:700;color:var(--ink);font-size:17px;text-decoration:none}.platform-brand span{font-weight:400;font-size:12px;color:var(--muted);margin-left:8px}.header-inner nav{display:flex;align-items:center;gap:24px;font-size:14px}.header-inner nav a{text-decoration:none;color:var(--muted)}.header-inner nav a:hover{color:var(--green)}
.haruyak-hero{padding:42px 0 26px;text-align:center;background:var(--paper);border-bottom:1px solid var(--line)}.haruyak-hero h1{display:flex;align-items:center;justify-content:center;gap:16px;font-size:64px;line-height:1.2;margin-top:12px}.release-status{display:inline-block;border-left:1px solid #a5bdb3;margin-left:8px;padding-left:12px}.hero-lead{font-size:27px;font-weight:600;line-height:1.45;margin-top:20px}.hero-description{color:var(--muted);margin-top:12px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 22px;border:1px solid var(--green);border-radius:6px;background:var(--green);color:#fff;text-decoration:none;font-weight:600;line-height:1.6;text-align:center}.button:hover{background:#104d40}.button.secondary{background:#fff;color:var(--green)}.text-link{font-size:15px}.release-note{color:var(--muted);font-size:12px;line-height:1.65;margin-top:16px}.mobile-break{display:none}
.hero-media{height:320px;display:grid;grid-template-columns:148px 230px 148px;align-items:center;justify-content:center;gap:32px;margin-top:24px}.preview-button{border:0;padding:0;background:transparent;cursor:zoom-in;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden}.hero-media .preview-button img{max-height:310px;width:auto;object-fit:contain;filter:drop-shadow(0 8px 12px #223b3710)}.hero-side{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.hero-side .hero-widget img{max-height:195px}.hero-stamp{width:80px;height:80px}.media-disclosure{font-size:12px;color:var(--muted);margin-top:12px}
.section{padding-block:72px}.section-head{margin-bottom:32px}.section-head h2{margin-top:10px}.section-head>p:last-child:not(.eyebrow){color:var(--muted);margin-top:16px}.screen-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.screen-grid figure{min-width:0}.screen-grid .preview-button{height:350px;background:var(--paper);border-radius:8px;padding:12px}.screen-grid .preview-button img{max-height:326px;width:auto;object-fit:contain}.screen-grid figcaption{padding-top:18px}.screen-grid figcaption p{color:var(--muted);margin-top:8px;font-size:14px}.screen-grid figcaption small{color:var(--muted);font-size:11px;display:block;margin-top:8px}.quiet-note{font-size:13px;color:var(--muted);padding-top:24px;line-height:1.8}
.feature-band{background:var(--mint);padding:60px 0;border-block:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.feature-grid h2{font-size:23px;margin-top:18px}.feature-number{font-size:13px;color:var(--green);font-weight:600}.feature-grid p{font-size:15px;margin-top:14px}.feature-grid small{display:block;color:var(--muted);font-size:12px;line-height:1.7;margin-top:18px}.privacy-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.privacy-summary>div{border-top:2px solid var(--green);padding-top:20px}.privacy-summary p{margin-top:12px;color:var(--muted);font-size:15px}
.steps-band{background:var(--paper);border-block:1px solid var(--line);padding-block:60px}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;list-style:none;margin:0;padding:0}.steps b{display:block;font-size:24px;color:var(--green);font-weight:600}.steps h3{margin-top:10px}.steps p{font-size:14px;color:var(--muted);margin-top:10px}
.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:60px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{padding:20px 4px;cursor:pointer;font-weight:600;font-size:16px}details>p{padding:0 4px 20px;color:var(--muted);font-size:15px}details[open] summary{color:var(--green)}.device-proof{padding:0 4px 20px}.device-proof .preview-button{width:180px;max-height:250px;border:1px solid var(--line);border-radius:8px}.device-proof img{object-fit:contain;max-height:248px;width:auto}.device-proof figcaption{font-size:11px;color:var(--muted);margin-top:8px}
.medical-note{border-top:1px solid var(--line);padding-block:30px;margin-bottom:50px}.medical-note h2{font-size:18px}.medical-note p{color:var(--muted);font-size:13px;max-width:880px;margin-top:10px}.contact-band{background:var(--green);color:#fff;padding-block:56px}.contact-band .eyebrow{color:#b7dace}.contact-band h2{margin-top:12px}.contact-band p:not(.eyebrow){color:#dcebe5;font-size:14px;margin-top:16px;max-width:650px}.contact-band .button{background:#fff;color:var(--green);border-color:#fff;margin-top:24px}.contact-band a:not(.button){display:inline-block;color:#e0eee8;font-size:13px;margin-top:12px}.contact-address{font-size:13px!important}.app-footer{display:flex;justify-content:space-between;gap:40px;padding-block:36px;color:var(--muted);font-size:12px}.app-footer p{margin-top:6px}.app-footer nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
.catalog-hero{padding-block:64px 40px}.catalog-hero h1{font-size:48px;line-height:1.3;margin-top:16px}.lead{font-size:18px;color:var(--muted);margin-top:20px}.app-catalog{padding-bottom:80px}.catalog-item{display:grid;grid-template-columns:88px 1fr auto;gap:28px;align-items:center;padding-block:32px;border-block:1px solid var(--line)}.catalog-item h2{font-size:28px;margin-top:6px}.catalog-item h2 a{text-decoration:none}.catalog-item p:not(.eyebrow){color:var(--muted);font-size:15px;margin-top:8px}.catalog-item>img{border:1px solid var(--line);border-radius:8px}
.policy{max-width:860px;padding-block:48px 72px}.policy h1{font-size:38px;line-height:1.35;margin-top:12px}.policy-intro{padding:24px 0;border-block:2px solid var(--green);margin-top:28px}.policy-intro strong{font-size:18px;color:var(--green)}.policy-intro p{margin-top:12px;color:var(--muted);font-size:14px}.policy-meta{margin:24px 0 36px}.policy-meta>div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding-block:12px;border-bottom:1px solid var(--line);font-size:14px}.policy-meta dt{font-weight:600}.policy-meta dd{margin:0;overflow-wrap:anywhere}.policy section{padding-block:22px}.policy section h2{font-size:22px;margin-bottom:16px}.policy section p+p{margin-top:12px}.policy section p{font-size:15px}.policy>.button{margin-top:32px}
dialog{width:min(850px,calc(100% - 24px));max-height:calc(100dvh - 32px);border:1px solid var(--line);border-radius:8px;padding:20px;background:#fff;color:var(--ink)}dialog::backdrop{background:#102621b3}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.dialog-head h2{font-size:19px}.dialog-head button{min-height:40px;padding:6px 14px;border:1px solid var(--line);background:#fff;border-radius:4px;cursor:pointer}dialog>img{max-height:65dvh;width:auto;max-width:100%;margin:auto;object-fit:contain}dialog>p{font-size:12px;color:var(--muted);margin-top:16px}dialog>a{display:inline-block;font-size:13px;margin-top:12px}
@media(max-width:800px){.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.feature-grid{gap:24px}.feature-grid h2{font-size:21px}.privacy-summary{gap:24px}.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.faq-section{grid-template-columns:1fr;gap:12px}.screen-grid .preview-button{height:300px}.screen-grid .preview-button img{max-height:276px}}
@media(max-width:520px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:64px;gap:12px}.platform-brand{font-size:15px}.platform-brand span{display:none}.header-inner nav{gap:14px;font-size:12px}.haruyak-hero{padding-top:28px}.haruyak-hero h1{font-size:48px;gap:10px}.haruyak-hero h1 img{width:48px;height:48px}.hero-lead{font-size:23px;margin-top:16px}.hero-description{font-size:14px}.hero-actions{margin-top:20px}.release-note{font-size:11px}.hero-media{height:222px;grid-template-columns:100px 115px 100px;gap:10px;margin-top:16px}.hero-media .preview-button img{max-height:210px}.hero-side{height:210px;gap:8px}.hero-side .hero-widget img{max-height:132px}.hero-stamp{width:60px;height:60px}.media-disclosure{font-size:10px}.section{padding-block:46px}h2{font-size:27px}.section-head{margin-bottom:24px}.screen-grid .preview-button{height:228px;padding:8px}.screen-grid .preview-button img{max-height:212px}.screen-grid h3{font-size:16px}.screen-grid figcaption p{font-size:13px}.quiet-note{font-size:12px}.feature-band{padding-block:40px}.feature-grid,.privacy-summary{grid-template-columns:1fr;gap:28px}.feature-grid article+article{border-top:1px solid #cbded4;padding-top:24px}.feature-grid h2{margin-top:10px;font-size:23px}.privacy-summary>div{padding-top:16px}.steps-band{padding-block:42px}.steps{gap:24px 18px}.steps h3{font-size:17px}.steps p{font-size:13px}.medical-note{margin-bottom:32px}.contact-band{padding-block:40px}.app-footer{flex-direction:column;gap:20px}.catalog-hero{padding-block:40px 28px}.catalog-hero h1{font-size:36px}.lead{font-size:16px}.catalog-item{grid-template-columns:64px 1fr;gap:18px}.catalog-item>img{width:64px;height:64px}.catalog-item>.button{grid-column:1/-1}.catalog-item h2{font-size:25px}.policy{padding-top:32px}.policy h1{font-size:29px}.policy-meta>div{grid-template-columns:1fr;gap:4px}.policy section h2{font-size:21px}.policy-intro{padding:18px 0}dialog{padding:16px}}
@media(max-width:360px){.hero-media{grid-template-columns:90px 94px 90px;gap:4px}.hero-stamp{width:54px;height:54px}.hero-media .preview-button img{max-height:198px}.hero-lead{font-size:21px}.hero-description br{display:none}.header-inner nav{gap:10px}.media-disclosure{max-width:250px;margin-inline:auto}.screen-grid .preview-button{height:200px}.screen-grid .preview-button img{max-height:184px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
.haruyak-hero{padding-top:28px;padding-bottom:20px}.haruyak-hero h1{font-size:56px}.hero-lead{font-size:24px;margin-top:12px}.hero-description{font-size:15px;line-height:1.6;margin-top:8px}.hero-actions{margin-top:16px}.hero-actions .button{min-height:44px}.release-note{font-size:11px;margin-top:12px}.hero-media{height:230px;margin-top:16px}.hero-media .preview-button img{max-height:226px}.hero-side{height:226px;gap:8px}.hero-side .hero-widget img{max-height:145px}.hero-stamp{width:68px;height:68px}.media-disclosure{font-size:11px;margin-top:8px}#screens{padding-top:40px}
@media(max-width:520px){.haruyak-hero{padding-top:20px}.haruyak-hero h1{font-size:44px}.hero-lead{font-size:21px}.hero-description{font-size:13px}.hero-media{height:200px}.hero-media .preview-button img{max-height:196px}.hero-side{height:196px}.hero-side .hero-widget img{max-height:120px}.hero-stamp{width:56px;height:56px}.media-disclosure{font-size:10px}#screens{padding-top:28px}}
@media(max-height:720px){.hero-description{display:none}.hero-media{height:165px}.hero-media .preview-button img{max-height:160px}.hero-side{height:160px}.hero-side .hero-widget img{max-height:95px}.hero-stamp{width:48px;height:48px}.haruyak-hero{padding-top:16px}.release-note{margin-top:8px}#screens{padding-top:20px}}
