:root {
  --bg:#151718;
  --brand-orange:#F26525;
  --bg-deep:#101213;
  --surface:#202324;
  --surface-raised:#282b2c;
  --ink:#eeede8;
  --ink-muted:#afb2ae;
  --ink-quiet:#888d89;
  --line:#343839;
  --line-strong:#4a4e4e;
  --sage:#c1cfbc;
  --paper:#e1e0d7;
  --paper-text:#202323;
  --shell:1240px;
  --sans: "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  --serif: Georgia, 'Times New Roman', serif;
}
*,*::before,*::after {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:100px}
body {margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}
body.dialog-open {overflow:hidden}
a {color:inherit;text-decoration:none}
a:hover {text-decoration:none}
button {font:inherit}
button,a { -webkit-tap-highlight-color:transparent }
button:focus-visible,a:focus-visible {outline:2px solid var(--sage);outline-offset:4px}
img {max-width:100%;display:block}
[hidden] {display:none!important}
.shell {width:min(var(--shell),calc(100% - 104px));margin-inline:auto}
.skip-link {position:absolute;top:-80px;left:20px;z-index:1000;background:var(--paper);color:var(--paper-text);padding:14px;border-radius:4px}
.skip-link:focus {top:12px}

/* Navigation */
.site-header {position:relative;z-index:50;border-bottom:1px solid rgba(235,234,230,.095);background:var(--bg)}
.header-inner {height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand {display:inline-flex;align-items:center;gap:12px;white-space:nowrap}
.brand-sign {color:var(--brand-orange);width:38px;height:38px;border-radius:50%;border:1px solid #787e7a;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;letter-spacing:-.1em;padding-right:2px}
.brand-sign-dot {color:inherit;letter-spacing:normal}
.brand-name {font-size:18px;font-weight:680;letter-spacing:-.055em}
.brand-name span {font-weight:400;color:#aeb4ad}
.main-nav {display:flex;align-items:center;gap:36px;font-size:12px;font-weight:590;letter-spacing:.005em}
.main-nav a {color:#c0c4bf;transition:color .2s}
.main-nav a:hover,.main-nav a[aria-current=page] {color:#fff}
.nav-contact {border:1px solid #656b67;padding:13px 18px;border-radius:2px;color:#eee!important}
.nav-contact span {padding-left:16px;color:var(--sage)}
.main-nav .nav-contact:hover {border-color:var(--sage);background:rgba(193,207,188,.06)}
.mobile-menu-toggle {display:none}

/* Typographic components */
.eyebrow,.section-kicker {color:var(--sage);font-size:10px;letter-spacing:.2em;line-height:1.6;font-weight:670}
.eyebrow {display:flex;gap:13px;align-items:center;white-space:nowrap}
.eyebrow-line {display:inline-block;width:27px;height:1px;background:var(--sage);flex:none}
.eyebrow-divider {color:#687169}
h1,h2,h3,p,figure {margin:0}
h1,h2,h3 {font-weight:560}
h2 {letter-spacing:-.058em;line-height:1.07}
h2 em,h1 em {font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.052em}
.section-kicker span {color:#727d76;padding-left:7px}
.section-pad {padding-block:132px}

/* Homepage hero */
.hero {display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);gap:6.5%;position:relative;padding-top:44px;padding-bottom:76px;align-items:center;min-height:733px}
.hero-content {position:relative;z-index:3;padding:56px 0 70px}
.hero h1 {font-size:clamp(56px,5.45vw,87px);line-height:.995;letter-spacing:-.077em;margin-top:34px;max-width:780px}
.hero h1 span {display:block;color:#b6b9b3}
.hero-handwritten {font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(34px,3.3vw,51px);line-height:1.1;color:var(--sage);margin:23px 0 27px;letter-spacing:-.055em}
.hero-intro {display:block;color:var(--ink);margin-bottom:4px}
.hero-copy {font-size:17px;line-height:1.86;max-width:490px;color:#bcc0bb}
.hero-actions {display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:38px}
.button {display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:55px;padding:16px 20px;font-size:13px;font-weight:700;border:0;border-radius:2px;cursor:pointer;transition:transform .18s,background-color .18s}
.button:hover {transform:translateY(-2px)}
.button span {font-size:18px;line-height:1}
.button-light {background:#dcded5;color:#1a1e1d}
.button-light:hover {background:#f1f3eb}
.text-link {color:#d1d4cf;font-size:12px;display:inline-flex;align-items:center;gap:14px;border-bottom:1px solid #777e78;padding-bottom:7px}
.text-link:hover {color:#fff;border-color:#fff}
.text-link span {font-size:17px}
.hero-smallprint {font-size:11px;color:#777f79;margin-top:18px;line-height:1.6;letter-spacing:.02em}
.hero-visual {margin:0;height:626px;max-width:490px;width:100%;position:relative;overflow:hidden;justify-self:end;background:#323232}
.hero-visual picture,.hero-visual img {width:100%;height:100%}
.hero-visual img {object-fit:cover;object-position:center 38%;filter:grayscale(1) contrast(1.02);}
.hero-visual::after {content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 63%,rgba(10,12,12,.52));pointer-events:none}
.hero-visual figcaption {position:absolute;z-index:1;bottom:27px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;color:#f7f7f3;font-size:9px;letter-spacing:.18em;font-weight:700}
.image-edge {position:absolute;top:0;right:0;width:9px;height:38%;background:rgba(224,225,214,.53)}
.hero-index {position:absolute;right:0;bottom:34px;font-size:10px;letter-spacing:.18em;color:#737c75}
.slim-divider {border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:67px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#979e97;font-size:10px;letter-spacing:.19em;font-weight:650}
.divider-asterisk {font-size:22px;font-weight:400;color:var(--sage)}

/* Approach */
.approach {display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}
.section-lead h2 {font-size:clamp(42px,5vw,69px);margin:28px 0 25px;max-width:500px}
.section-lead h2 em {color:#bac8b7}
.section-lead>p:last-child {font-size:16px;line-height:1.92;color:#b5bab5;max-width:444px}
.steps {padding-top:4px}
.step {display:grid;grid-template-columns:46px 1fr;gap:20px;border-top:1px solid var(--line-strong);padding:26px 0 28px}
.step:last-child {border-bottom:1px solid var(--line-strong)}
.step-num {font-size:11px;color:#9bab9d;letter-spacing:.11em;margin-top:5px}
.step h3 {font-size:21px;letter-spacing:-.045em;margin-bottom:10px}
.step p {font-size:14px;line-height:1.78;color:#aeb4af;max-width:430px}

/* Belief statement */
.belief-wrap {background:#202323;border-top:1px solid #303535;border-bottom:1px solid #303535}
.belief-grid {display:grid;grid-template-columns:1fr 2fr;gap:8%;padding-block:104px}
.belief-grid>.section-kicker {padding-top:12px}
.belief-quote {font-size:clamp(26px,3.5vw,46px);line-height:1.39;letter-spacing:-.047em;color:#e3e4dd;max-width:810px}
.belief-note {font-size:14px;line-height:1.7;color:#9fa7a1;margin-top:29px}

/* Verification teaser */
.verification {display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:start}
.verification-side {display:flex;flex-direction:column;gap:42px}
.symbol-mark {font-family:var(--serif);font-weight:400;font-size:80px;line-height:1;color:#b3bfaf}
.verification-copy h2 {font-size:clamp(42px,4.5vw,64px);max-width:670px}
.verification-copy h2 em {color:#b9c6b5}
.verification-copy p {max-width:680px;font-size:15px;line-height:1.95;color:#b8bdb8;margin-top:30px}
.verification-copy p+p {margin-top:12px}
.arrow-link {display:inline-flex;align-items:center;gap:52px;border-bottom:1px solid #9ba79c;padding-bottom:13px;font-size:14px;font-weight:650;margin-top:35px;color:#e2e5dc}
.arrow-link span {font-size:19px;color:var(--sage)}
.arrow-link:hover {color:var(--sage)}

/* About */
.about {padding-bottom:140px}
.about-rule {height:1px;background:var(--line-strong)}
.about-inner {display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:75px}
.about h2 {font-size:clamp(39px,4.3vw,61px);margin-top:25px}
.about h2 em {color:#b9c8b7}
.about-content p {font-size:16px;line-height:1.88;color:#b8bdb8;max-width:530px;margin-bottom:17px}
.about-content p:first-child {color:#eceee6;font-size:19px;letter-spacing:-.02em}
.about-content .about-last {margin-bottom:0}
.about-content#hubungi {scroll-margin-top:115px}
.about-cta {margin-top:28px;min-width:238px}

/* CTA panel */
.contact-section {background:var(--paper);color:var(--paper-text)}
.contact-grid {display:grid;grid-template-columns:1fr 2fr;gap:7%;padding-block:110px 120px}
.contact-section .section-kicker {color:#59645d}
.contact-section .section-kicker span {color:#919b91}
.contact-left {display:flex;flex-direction:column;justify-content:space-between;min-height:270px}
.contact-star {font-family:var(--serif);font-size:90px;color:#9da89b;line-height:1}
.contact-main h2 {font-size:clamp(46px,5.6vw,78px);max-width:740px}
.contact-main h2 em {color:#6f8070}
.contact-main>p {font-size:16px;line-height:1.85;color:#59615c;max-width:540px;margin:23px 0 28px}
.button-dark {background:#222727;color:#f0f0e9}
.button-dark:hover {background:#404844}
.contact-main small {display:block;font-size:11px;color:#6e786e;margin-top:17px;line-height:1.6}

/* Footer */
.site-footer {background:#101213}
.footer-identity {display:inline-flex;align-items:center;gap:22px;min-width:0}
.footer-logo-divider {width:1px;height:41px;background:#4b504c;display:block;flex:none}
.footer-inmax-logo {display:block;width:82px;height:auto;flex:none;opacity:.96}
.footer-inner {display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:62px 43px}
.footer-brand {font-size:24px;font-weight:700;letter-spacing:-.065em}
.footer-brand span {font-weight:400;color:#a4aaa4}
.footer-side {display:flex;flex-direction:column;align-items:flex-end;gap:16px;color:#858c86;font-size:11px}
.footer-side>span:last-child {display:flex;gap:25px}
.footer-side a {color:#b4bab3}
.footer-side a:hover {color:#fff}
.footer-bottom {border-top:1px solid #323638;display:flex;justify-content:space-between;gap:18px;padding-block:20px 24px;color:#757d77;font-size:10px;letter-spacing:.025em}

/* Verification page */
.verification-breadcrumb {padding-top:48px}
.verification-breadcrumb a {font-size:12px;color:#a9b4aa;display:inline-flex;gap:14px;align-items:center}
.verification-breadcrumb a:hover {color:#fff}
.inner-hero {padding-block:80px 112px}
.inner-hero .section-kicker {display:flex;align-items:center;gap:12px}
.inner-hero h1 {font-size:clamp(57px,7.3vw,106px);font-weight:560;line-height:1.025;letter-spacing:-.072em;max-width:1050px;margin:38px 0 58px}
.inner-hero h1 em {color:#bdcabb}
.inner-hero-bottom {border-top:1px solid var(--line-strong);padding-top:23px;display:flex;align-items:start;justify-content:space-between;gap:30px}
.inner-hero-bottom p {font-size:18px;line-height:1.75;color:#bcc3bc;max-width:680px}
.inner-number {color:#858c85;font-size:11px;letter-spacing:.15em;white-space:nowrap}
.verify-intro {background:#232627;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.verify-intro-inner {display:grid;grid-template-columns:1fr 3fr;gap:4%;padding-block:89px}
.asterisk-large {font-size:79px;color:#b4c0b1;font-family:var(--serif);line-height:1}
.verify-intro p {font-size:clamp(23px,2.65vw,34px);letter-spacing:-.033em;line-height:1.48;color:#d5d7d0;max-width:920px}
.verify-intro strong {font-weight:560;color:var(--sage)}
.verify-details {display:grid;grid-template-columns:1fr 1.35fr;gap:10%}
.verify-heading h2 {font-size:clamp(42px,4.5vw,67px);max-width:490px;margin-top:28px}
.verify-heading h2 em {color:#bdcabb}
.verify-list {padding-top:8px}
.verify-item {display:grid;grid-template-columns:45px 1fr;gap:18px;padding:26px 0;border-top:1px solid var(--line-strong)}
.verify-item:last-child {border-bottom:1px solid var(--line-strong)}
.verify-item h3 {font-size:22px;letter-spacing:-.04em;margin-bottom:11px}
.verify-item p {font-size:14px;line-height:1.87;color:#b6bcb6}
.exception-panel {background:#202323;border-block:1px solid var(--line)}
.exception-grid {display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-block:108px}
.exception-grid h2 {font-size:clamp(42px,4.5vw,65px);max-width:470px;margin-top:28px}
.exception-grid h2 em {color:#bdcabb}
.exception-grid>div:last-child {padding-top:18px}
.exception-grid>div:last-child p {font-size:15px;line-height:1.9;color:#b9bfb9;margin-bottom:20px}

/* Demo-only WhatsApp placeholder dialog */
.modal-backdrop {position:fixed;inset:0;background:rgba(0,0,0,.78);display:grid;place-items:center;z-index:300;padding:22px}
.preview-dialog {width:min(100%,470px);background:#282c2c;border:1px solid #69736a;padding:43px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.modal-close {position:absolute;right:18px;top:12px;border:0;background:transparent;color:#e3e3dc;font-size:29px;cursor:pointer;padding:4px}
.modal-kicker {font-size:10px;color:var(--sage);font-weight:700;letter-spacing:.17em}
.preview-dialog h2 {font-size:29px;line-height:1.17;letter-spacing:-.045em;margin:22px 0 17px}
.preview-dialog p {font-size:14px;line-height:1.8;color:#b9c1b9;margin-bottom:27px}
.preview-dialog .button {min-width:210px}

@media(max-width:1100px) {
  .shell {width:min(var(--shell),calc(100% - 72px))}
  .hero {gap:4%;min-height:630px}
  .hero h1 {font-size:clamp(52px,5.6vw,72px)}
  .hero-visual {height:540px}
  .hero-content {padding:28px 0 50px}
  .hero-copy {font-size:15px}
  .hero-actions {gap:20px}
  .approach {gap:8%}
  .section-pad {padding-block:105px}
  .contact-grid {padding-block:90px}
}
@media(max-width:760px) {
  .shell {width:calc(100% - 40px)}
  .header-inner {height:70px}
  .brand-sign {height:34px;width:34px;font-size:19px}
  .brand-name {font-size:17px}
  .mobile-menu-toggle {display:flex;width:42px;height:42px;flex-direction:column;justify-content:center;gap:6px;align-items:center;cursor:pointer;border:1px solid var(--line-strong);background:transparent;border-radius:2px}
  .mobile-menu-toggle span {width:17px;height:1px;background:#e6e7df;transition:transform .2s}
  .mobile-menu-toggle[aria-expanded=true] span:first-child {transform:translateY(3.5px) rotate(45deg)}
  .mobile-menu-toggle[aria-expanded=true] span:last-child {transform:translateY(-3.5px) rotate(-45deg)}
  .main-nav {display:none;position:absolute;top:69px;left:0;right:0;background:#202323;padding:25px 20px 29px;border-bottom:1px solid var(--line-strong);flex-direction:column;align-items:stretch;gap:0;box-shadow:0 25px 50px rgba(0,0,0,.35)}
  .main-nav.is-open {display:flex}
  .main-nav>a {font-size:14px;padding:16px 8px;border-bottom:1px solid #383d3b}
  .main-nav>.nav-contact {margin-top:20px;border:1px solid #7c857c;text-align:center;padding:15px}
  .hero {grid-template-columns:1fr;gap:30px;min-height:0;padding-top:60px;padding-bottom:50px}
  .hero-content {padding:0}
  .hero h1 {font-size:clamp(50px,9.1vw,75px);max-width:630px;margin-top:25px}
  .hero-handwritten {font-size:clamp(33px,6vw,45px);margin:15px 0 20px}
  .hero-copy {font-size:15px;line-height:1.75;max-width:580px}
  .hero-actions {margin-top:29px}
  .hero-visual {max-width:none;height:450px;justify-self:stretch}
  .hero-visual img {object-position:center 35%}
  .hero-index {bottom:14px}
  .approach,.verification,.about-inner,.verify-details,.exception-grid {grid-template-columns:1fr;gap:39px}
  .section-pad {padding-block:82px}
  .section-lead h2,.verification-copy h2,.about h2,.verify-heading h2,.exception-grid h2 {font-size:clamp(42px,6.5vw,64px);margin-top:18px}
  .steps {padding-top:0}
  .belief-grid {grid-template-columns:1fr;gap:24px;padding-block:74px}
  .belief-quote {font-size:clamp(27px,4.6vw,42px)}
  .verification-side {gap:15px}
  .symbol-mark {font-size:48px}
  .verification-copy p {margin-top:22px}
  .about {padding-bottom:85px}
  .about-inner {padding-top:45px}
  .contact-grid {grid-template-columns:1fr;gap:26px;padding-block:78px 85px}
  .contact-left {min-height:0}
  .contact-star {display:none}
  .contact-main h2 {font-size:clamp(47px,8vw,70px)}
  .footer-inner {align-items:flex-start}
  .footer-side {align-items:flex-end}
  .inner-hero {padding-block:65px 82px}
  .inner-hero h1 {font-size:clamp(55px,8.5vw,83px)}
  .verify-intro-inner {grid-template-columns:1fr;gap:20px;padding-block:68px}
  .asterisk-large {font-size:60px}
}
@media(max-width:520px) {
  .shell {width:calc(100% - 36px)}
  .brand {gap:9px}
  .brand-name {font-size:16px}
  .hero {padding-top:46px;gap:34px}
  .eyebrow {font-size:8.5px;letter-spacing:.14em;gap:9px}
  .eyebrow-line {width:18px}
  .hero h1 {font-size:clamp(45px,12.4vw,65px);letter-spacing:-.075em;margin-top:22px;line-height:1.015}
  .hero h1 span {display:inline}
  .hero-handwritten {font-size:37px;margin:18px 0 18px}
  .hero-copy {font-size:14px;line-height:1.86}
  .hero-actions {display:flex;flex-direction:column;align-items:stretch;gap:23px;margin-top:27px}
  .hero-actions .button {width:100%}
  .hero-actions .text-link {align-self:flex-start}
  .hero-smallprint {font-size:10px;margin-top:15px}
  .hero-visual {height:370px}
  .hero-visual img {object-position:center 34%}
  .hero-visual figcaption {font-size:8px;bottom:20px;left:18px;right:18px}
  .hero-index {display:none}
  .slim-divider {min-height:63px;font-size:8px;letter-spacing:.1em;gap:16px}
  .divider-asterisk {font-size:20px}
  .section-pad {padding-block:78px}
  .section-lead h2,.verification-copy h2,.about h2,.verify-heading h2,.exception-grid h2 {font-size:clamp(42px,11vw,55px)}
  .section-lead>p:last-child {font-size:15px}
  .step {grid-template-columns:35px 1fr;gap:14px;padding:23px 0}
  .step h3 {font-size:20px}
  .step p {font-size:13px}
  .belief-grid {padding-block:68px}
  .belief-quote {font-size:28px;line-height:1.47}
  .belief-note {font-size:13px}
  .verification-copy p {font-size:14px;line-height:1.9}
  .arrow-link {font-size:13px;gap:34px}
  .about {padding-bottom:82px}
  .about-content p {font-size:14px}
  .about-content p:first-child {font-size:17px}
  .about-cta {width:100%;margin-top:24px}
  .contact-grid {padding-block:70px 77px}
  .contact-main h2 {font-size:clamp(47px,11vw,62px)}
  .contact-main>p {font-size:14px;margin:19px 0 25px}
  .contact-main .button {width:100%}
  .footer-inner {padding-block:47px 37px;flex-direction:column;gap:23px}
  .footer-identity {gap:16px}
  .footer-logo-divider {height:34px}
  .footer-inmax-logo {width:74px}
  .footer-side {align-items:flex-start;gap:13px}
  .footer-bottom {font-size:9px}
  .verification-breadcrumb {padding-top:32px}
  .inner-hero {padding-block:61px 75px}
  .inner-hero h1 {font-size:clamp(51px,12.7vw,70px);margin:28px 0 40px}
  .inner-hero-bottom p {font-size:14px}
  .inner-number {font-size:9px}
  .verify-intro p {font-size:23px;line-height:1.5}
  .verify-item {grid-template-columns:35px 1fr;gap:15px}
  .verify-item h3 {font-size:20px}
  .verify-item p {font-size:13px}
  .exception-grid {padding-block:82px;gap:24px}
  .exception-grid>div:last-child p {font-size:14px}
  .preview-dialog {padding:37px 25px}
}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto}* {transition:none!important;animation:none!important}}

/* V1.5: Page begins directly with the main verification question. */
.verification-page .inner-hero {padding-top:92px}
.verification-page .inner-hero h1 {margin-top:0}
@media(max-width:760px) { .verification-page .inner-hero {padding-top:68px} }