@font-face{font-family:Manrope;src:url(fonts/manrope.woff2) format('woff2');font-weight:200 800;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f6f8;color:#17232d;font:16px/1.7 Manrope,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:.2em}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}figure,picture{margin:0;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:750;letter-spacing:-.045em;line-height:1.12}h1{font-size:clamp(2.7rem,6.1vw,6rem)}h2{font-size:clamp(1.85rem,3.3vw,3.2rem)}h3{font-size:1.4rem;letter-spacing:-.03em}p{line-height:1.75}p+p{margin-top:1rem}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e87539;outline-offset:4px}.wrap{width:calc(100% - 48px);max-width:1440px;margin-inline:auto}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;border:2px solid #2549e9;background:#2549e9;color:#fff;text-decoration:none;font-size:14px;font-weight:750;line-height:1.45;max-width:100%;overflow-wrap:anywhere;border-radius:5px;transition:background .18s,color .18s,transform .18s}.button:hover{background:#122c9b;border-color:#122c9b;color:#fff;transform:translateY(-2px)}.button-light{background:white;border-color:white;color:#1939c2}.button-light:hover{background:#dde5ff;color:#102577;border-color:#dde5ff}.button-outline{background:transparent;border-color:#2549e9;color:#1939c2}.button-outline:hover{background:#2549e9;color:white}.skip-link{position:absolute;left:24px;top:-100px;z-index:100;background:white;padding:12px}.skip-link:focus{top:8px}.site-header{background:#f4f6f8;position:relative;z-index:10}.header-row{padding:0 24px;min-height:88px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none;font-weight:800;font-size:25px;letter-spacing:-1.2px;line-height:1;white-space:nowrap}.brand svg{width:32px;height:32px;color:#2549e9;flex-shrink:0}#navigation{display:flex;align-items:center;justify-content:flex-end;gap:clamp(12px,2.4vw,35px);margin-left:auto}#navigation a{text-decoration:none;font-size:14px;font-weight:700;line-height:1.4;padding:12px 0}#navigation a:hover{color:#2549e9}#navigation .nav-contact{background:#17232d;color:white;padding:13px 20px;border-radius:5px}#navigation .nav-contact:hover{background:#2549e9;color:white}.menu-toggle{display:none;border:0;background:#2549e9;color:white;width:44px;height:44px;padding:10px;border-radius:5px}.menu-toggle svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2}.hero{padding-top:22px}.hero-title{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.65fr);gap:32px;align-items:end;padding-bottom:30px}.hero-title h1{max-width:none}.hero-title p{padding-bottom:5px;font-size:17px;color:#4c5864}.hero-stage{position:relative;display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,.8fr);align-items:stretch;background:#2549e9;color:white;border-radius:8px;overflow:hidden}.hero-stage figure{min-height:490px;max-height:620px}.hero-stage picture{height:100%}.hero-dock{padding:36px;display:flex;flex-direction:column;justify-content:center;gap:24px}.hero-dock h2{font-size:clamp(1.7rem,2.4vw,2.4rem)}.hero-dock p{font-size:15px}.hero-dock .button{align-self:flex-start}.device-section{padding-block:58px}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:start;margin-bottom:28px}.section-heading p{color:#4c5864}.device-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:20px;margin-bottom:24px}.device-card{background:#e8edf2;border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.device-copy{padding:24px}.device-copy p{margin-top:12px;font-size:15px;color:#35414c}.device-card picture{height:285px;margin-top:auto}.device-card:first-child picture{height:330px}.symptom-section{background:#17232d;color:white;padding-block:48px}.symptom-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}.symptom-layout h2{margin-bottom:20px}.symptom-layout>div>p{color:#c7d0d8}.symptom-pickers{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.symptom-pickers button{border:1px solid #b9c8d4;background:transparent;border-radius:4px;color:white;padding:10px 15px;font-size:14px;line-height:1.5}.symptom-pickers button[aria-pressed=true]{background:#b8cafb;color:#152357;border-color:#b8cafb}.symptom-pickers button:hover{background:#eef2ff;color:#152357}.symptom-output{background:#293b4a;padding:32px;border-radius:6px}.symptom-output h3{font-size:1.8rem;margin-bottom:16px}.symptom-output p{color:#e1e7ed}.symptom-output .button{margin-top:24px}[hidden]{display:none!important}.process-section{padding-block:56px}.process-lead{margin-top:20px;max-width:980px;color:#4c5864}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:30px 0}.process-grid article{background:#fff;padding:24px 20px;border-radius:6px}.process-grid h3{font-size:1.25rem;letter-spacing:-.025em;margin-bottom:14px}.process-grid p{font-size:15px;color:#4c5864}.detail-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;background:#e3eaff;border-radius:7px;overflow:hidden}.detail-section figure{min-height:480px}.detail-section picture{height:100%}.detail-text{padding:36px}.detail-text h2{margin-bottom:22px}.detail-text p{color:#35414c}.detail-text .button{margin-top:24px}.prepare-section{padding-block:56px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:45px;align-items:start}.prepare-text>p{margin-top:22px;color:#4c5864}.prepare-text dl{margin:26px 0 0}.prepare-text dl>div{display:grid;grid-template-columns:135px minmax(0,1fr);gap:18px;margin-bottom:18px}.prepare-text dt{font-weight:750;font-size:15px;line-height:1.5}.prepare-text dd{margin:0;font-size:15px;color:#4c5864}.enquiry-form{background:#fff;padding:30px;border-radius:7px;display:grid;gap:10px;min-width:0}.enquiry-form label{font-size:14px;font-weight:750}.enquiry-form select,.enquiry-form textarea{width:100%;min-width:0;background:#f4f6f8;border:1px solid #8b99a5;color:#17232d;padding:12px;border-radius:4px;font-size:15px}.enquiry-form p{font-size:14px;color:#4c5864;margin:2px 0 9px}.enquiry-form .button{margin-top:4px}.faq-section{padding-bottom:52px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}.faq-grid details{background:#fff;border-radius:5px;padding:22px}.faq-grid summary{cursor:pointer;font-weight:750;font-size:16px;line-height:1.5;list-style:none}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid details[open]{background:#e3eaff}.faq-grid details p{font-size:15px;margin-top:16px}.closing-section{background:#2549e9;color:white;padding-block:44px}.closing-section>.wrap{display:grid;grid-template-columns:1.3fr 1fr auto;gap:30px;align-items:center}.closing-section h2{font-size:2rem}.closing-section p{font-size:15px}.closing-section .button{white-space:normal}.site-footer{background:#e8edf2}.footer-contact{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.1fr);gap:30px;align-items:start;padding-block:32px}.footer-mail{font-weight:750;font-size:16px;overflow-wrap:anywhere;justify-self:center;text-decoration:none}.footer-mail:hover,.footer-address a:hover{color:#1939c2}.footer-address address{font-style:normal;font-size:14px;line-height:1.65}.footer-address a{display:inline-block;font-size:14px;margin-top:6px;text-decoration:none}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-bottom:24px}.footer-bottom nav{display:flex;gap:12px 22px;flex-wrap:wrap}.footer-link{font-size:14px;text-decoration:none}.footer-link:hover{color:#1939c2}.footer-bottom p{font-size:14px}.inner-page{padding-bottom:40px}.page-intro{padding-block:36px 32px}.page-intro h1{font-size:clamp(2.5rem,4.8vw,4.6rem);margin-bottom:22px;max-width:none}.page-intro>p{font-size:18px;color:#4c5864;max-width:1100px}.article-layout{display:grid;gap:24px}.article-section{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:36px;background:white;border-radius:6px;overflow:hidden}.article-copy{padding:28px}.article-copy h2{font-size:1.8rem;margin-bottom:20px}.article-copy p{font-size:16px;color:#35414c}.article-section figure{margin:0;min-height:330px}.article-section picture{height:100%}.article-section:not(:has(figure)){display:block}.article-section:not(:has(figure)) .article-copy{max-width:none}.document-page .page-intro{background:#2549e9;color:white;padding:30px;border-radius:6px;margin-block:26px}.document-page .page-intro>p{color:#e7edff}.document-page .page-intro h1{font-size:clamp(2.3rem,4vw,4rem)}.document-page .article-layout{gap:18px}.document-page .article-section{background:transparent;border-radius:0}.document-page .article-copy{padding:20px 0;display:grid;grid-template-columns:minmax(210px,.65fr) minmax(0,1.65fr);gap:0 40px}.document-page .article-copy h2{grid-column:1;grid-row:1/4;font-size:1.5rem}.document-page .article-copy p{grid-column:2}.document-page .article-copy p+p{margin-top:14px}.page-hak-cipta .article-copy{background:#fff;padding:26px}.contact-board{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#17232d;color:white;padding:30px;border-radius:6px;margin-bottom:24px}.contact-board h2{font-size:1.25rem;margin-bottom:15px}.contact-board address{font-style:normal}.contact-phone{display:block;margin-top:14px;color:white}.contact-primary .button{overflow-wrap:anywhere}.cookie-review{padding-top:20px}.cookie-notice{position:fixed;bottom:16px;left:24px;right:24px;max-width:1040px;margin:auto;z-index:50;background:#17232d;color:white;padding:22px 26px;display:grid;grid-template-columns:1fr auto;gap:24px;box-shadow:0 12px 40px #101b2c44;border-radius:7px;max-height:calc(100dvh - 32px);overflow:auto}.cookie-notice h2{font-size:18px;letter-spacing:-.02em;margin-bottom:8px}.cookie-notice p{font-size:14px;color:#dce5ef}.cookie-actions{display:flex;align-items:center;gap:16px}.cookie-actions button{background:#b8cafb;border:0;border-radius:4px;color:#152357;font-weight:750;padding:12px 18px;min-height:44px;font-size:14px}.cookie-actions button:hover{background:white;color:#152357}.cookie-link{font-size:14px;color:white;white-space:nowrap}.cookie-link:hover{color:#b8cafb}.menu-toggle[aria-expanded=true] svg{transform:rotate(90deg)}
@media(min-width:1700px){.hero-stage figure{max-height:650px}.hero-title{grid-template-columns:1.5fr .8fr}.hero-title h1{font-size:6rem}}
@media(max-width:1100px){.hero-title{grid-template-columns:1fr}.hero-title p{max-width:950px}.hero-stage{grid-template-columns:1.5fr 1fr}.hero-stage figure{min-height:470px}.hero-dock{padding:28px}.device-grid{grid-template-columns:1fr 1fr 1fr}.device-copy{padding:20px}.device-card:first-child picture,.device-card picture{height:260px}.process-grid{grid-template-columns:1fr 1fr;gap:18px}.closing-section>.wrap{grid-template-columns:1fr 1fr}.closing-section .button{justify-self:start}.footer-contact{grid-template-columns:auto 1fr}.footer-mail{justify-self:end}.footer-address{grid-column:1/-1;display:grid;grid-template-columns:1fr}.article-section{grid-template-columns:1fr 1fr;gap:0}}
@media(max-width:850px){.header-row{flex-wrap:wrap;min-height:80px;gap:0}.brand{min-height:80px}.menu-toggle{display:block;margin-left:auto}#navigation{display:none;margin:0;width:100%;padding-bottom:18px;gap:8px;grid-template-columns:1fr 1fr}#navigation[data-open=true]{display:grid}#navigation a{padding:14px 16px;background:#e8edf2;border-radius:4px}#navigation .nav-contact{padding:14px 16px}.hero-stage{display:flex;flex-direction:column}.hero-stage figure{height:420px;min-height:0;max-height:none}.hero-dock{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hero-dock .button{justify-self:start}.symptom-layout{gap:26px}.device-grid{grid-template-columns:1fr}.device-card{display:grid;grid-template-columns:1fr 1fr}.device-card picture,.device-card:first-child picture{height:260px;margin:0}.device-copy{align-self:center;padding:28px}.prepare-section{gap:24px}.prepare-text dl>div{display:block}.prepare-text dd{margin-top:6px}.article-section{grid-template-columns:1fr}.article-section figure{height:360px;min-height:0;grid-row:1}.document-page .article-copy{grid-template-columns:1fr;gap:0}.document-page .article-copy h2{grid-column:1;grid-row:auto}.document-page .article-copy p{grid-column:1}.cookie-notice{grid-template-columns:1fr;gap:16px}.cookie-actions{justify-content:flex-start}.detail-section{grid-template-columns:1fr 1fr}.detail-text{padding:26px}.detail-section figure{min-height:420px}}
@media(max-width:620px){.wrap{width:calc(100% - 32px)}.header-row{padding-inline:16px}.brand{font-size:25px}.hero{padding-top:14px}.hero-title{gap:20px;padding-bottom:24px}.hero-title h1{font-size:clamp(2.6rem,10vw,3.8rem)}.hero-title p{font-size:16px}.hero-stage figure{height:350px}.hero-dock{display:block;padding:26px}.hero-dock h2{font-size:1.9rem;margin-bottom:16px}.hero-dock .button{margin-top:20px}.section-heading{display:block}.section-heading p{margin-top:18px}.device-section,.process-section{padding-block:38px}.device-card{display:flex}.device-copy{padding:24px}.device-card picture,.device-card:first-child picture{height:290px}.symptom-section{padding-block:32px}.symptom-layout{grid-template-columns:1fr}.symptom-output{padding:24px}.symptom-output h3{font-size:1.7rem}.process-grid{grid-template-columns:1fr;gap:12px;margin:24px 0}.process-grid article{padding:22px}.detail-section{grid-template-columns:1fr}.detail-section figure{height:340px;min-height:0}.detail-text{padding:26px}.prepare-section{grid-template-columns:1fr;padding-block:38px;gap:24px}.prepare-text dl>div{display:grid;grid-template-columns:100px 1fr;gap:16px}.prepare-text dd{margin:0}.enquiry-form{padding:24px}.faq-grid{grid-template-columns:1fr}.faq-section{padding-bottom:38px}.closing-section>.wrap{display:block}.closing-section h2{font-size:1.9rem}.closing-section p{margin-block:20px}.closing-section{padding-block:34px}.footer-contact{grid-template-columns:1fr;gap:22px;padding-block:26px}.footer-contact .brand{min-height:0}.footer-mail{justify-self:start}.footer-address{grid-column:auto}.footer-bottom{gap:18px}.footer-bottom nav{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:12px 18px}.page-intro{padding-block:24px}.page-intro h1{font-size:2.5rem}.page-intro>p{font-size:16px}.article-copy{padding:24px}.article-copy h2{font-size:1.65rem}.article-section figure{height:310px}.article-layout{gap:18px}.document-page .page-intro{padding:24px;margin-block:18px}.document-page .page-intro h1{font-size:2.2rem}.document-page .article-copy{padding:16px 0}.page-hak-cipta .article-copy{padding:24px}.contact-board{grid-template-columns:1fr;padding:24px;gap:26px}.contact-board .button{padding-inline:12px}.cookie-notice{left:12px;right:12px;bottom:12px;padding:20px;max-height:calc(100dvh - 24px)}.cookie-actions{flex-wrap:wrap;gap:16px}.cookie-notice h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-title{display:block}.hero-title p{margin-top:20px;max-width:none}.hero-dock{justify-content:flex-start}.header-row{padding-inline:24px}
.header-row{min-height:88px}.header-row .brand{min-height:88px}

@media(min-width:851px){.hero-stage figure{height:480px;min-height:0;max-height:none}}

/* Project-specific document composition: paired editorial paragraphs, not side-label rows. */
.document-page .article-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 34px;background:#fff;padding:28px;border-radius:6px}
.document-page .article-copy h2{grid-column:1/-1;grid-row:auto;color:#1939c2;font-size:1.65rem;margin:0}
.document-page .article-copy p{grid-column:auto;margin:0}
.document-page .article-copy p+p{margin:0}
.page-kuki .article-layout{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.page-kuki .article-copy{display:block;height:100%}
.page-kuki .article-copy h2{margin-bottom:20px}
.page-kuki .article-copy p+p{margin-top:16px}
.page-hak-cipta .article-copy{background:transparent;padding-inline:0}
@media(max-width:1000px){.page-kuki .article-layout{grid-template-columns:1fr}.page-kuki .article-copy{display:grid;grid-template-columns:1fr 1fr}.page-kuki .article-copy h2{margin:0}.page-kuki .article-copy p+p{margin:0}}
@media(max-width:620px){.document-page .article-copy,.page-kuki .article-copy{grid-template-columns:1fr;padding:24px}.page-hak-cipta .article-copy{padding-inline:0}.document-page .article-copy h2{font-size:1.5rem}}