:root{--ink:#151b1d;--muted:#656b6b;--cream:#f3f2ee;--paper:#fbfaf7;--line:#d7d9d5;--blue:#a7c6f7;--strong:#2a61b5;--dark:#111819;--dark2:#1d2728;--ease:cubic-bezier(.22,1,.36,1);--header:82px}
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:80px;scrollbar-gutter:stable}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
    body.menu-open{overflow:hidden}
    a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}
    img{max-width:100%;display:block}::selection{background:#b8d1f0;color:#101617}
    .sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}
    .skip{position:fixed;top:-100px;left:20px;z-index:1000;padding:12px 16px;background:white;color:black}.skip:focus{top:20px}
    .container{width:min(100% - 112px,1440px);margin-inline:auto}
    .eyebrow{font-size:11px;letter-spacing:.18em;font-weight:750;text-transform:uppercase;display:flex;align-items:center;gap:13px}
    .eyebrow::before{content:"";height:7px;width:7px;background:currentColor;border-radius:50%;flex:none}
    .font-editorial{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;letter-spacing:-.055em}
    .arrow{display:inline-block;font-size:20px;line-height:1;transform:translateY(-1px);transition:transform .35s var(--ease)}
    a:hover .arrow,button:hover .arrow{transform:translate(4px,-3px)}
    .text-link{display:inline-flex;align-items:center;gap:20px;padding-bottom:11px;border-bottom:1px solid currentColor;font-size:13px;font-weight:750;letter-spacing:.005em}
    .btn{display:inline-flex;justify-content:center;align-items:center;gap:26px;min-height:56px;padding:15px 24px;font-weight:750;font-size:13px;letter-spacing:.012em;border:1px solid transparent;transition:background .25s,color .25s,border-color .25s,transform .25s;border-radius:2px}
    .btn:hover{transform:translateY(-2px)}.btn:focus-visible,.nav-links a:focus-visible,.hero-control:focus-visible,.s-tab:focus-visible{outline:3px solid #a9cdff;outline-offset:4px}
    .btn.light{background:#f5f5f2;color:#162020}.btn.light:hover{background:#dce9fb}.btn.outline{color:#fff;border-color:#ffffff80;background:#ffffff08}.btn.outline:hover{background:#ffffff20}
    .btn.dark{background:#152020;color:#fff}.btn.dark:hover{background:#354344}.btn.dark-outline{border:1px solid #293536;background:transparent;color:#1b2929}
    .scroll-progress{position:fixed;top:0;left:0;width:0;height:2px;background:#abcafa;z-index:105;pointer-events:none;transition:width .08s linear}
    /* Language switch ID | EN */
    .lang-switch{display:flex;align-items:center;gap:9px;padding-left:16px;border-left:1px solid currentColor;font-size:12px;font-weight:750;letter-spacing:.03em;flex-shrink:0}
    .lang-switch .lang-sep{opacity:.35;font-weight:400}
    .lang-btn{background:none;border:0;color:inherit;font:inherit;letter-spacing:inherit;padding:5px 1px;opacity:.55;transition:opacity .2s,color .2s;border-radius:2px}
    .lang-btn:hover{opacity:.92}.lang-btn.is-active{opacity:1}
    .lang-btn:focus-visible{outline:2px solid #a9cdff;outline-offset:3px}
    @media(max-width:800px){.lang-switch{gap:7px;padding-left:12px}.lang-btn{padding:6px 2px}}
    /* Nav dropdown "Untuk Anda" */
    .nav-links .nav-drop{position:relative;display:flex;align-items:center;height:var(--header)}
    .nav-links .nav-drop-toggle{background:none;border:0;color:inherit;font:inherit;font-size:12px;font-weight:650;display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:0;transition:opacity .2s}
    .nav-links .nav-drop-toggle:hover{opacity:.62}
    .nav-links .nav-caret{font-size:9px;line-height:1;transition:transform .25s}
    .nav-links .nav-drop.open .nav-caret{transform:rotate(180deg)}
    .nav-links .nav-drop-menu{position:absolute;top:100%;right:0;min-width:300px;display:none;flex-direction:column;background:#f5f4f0;color:#151b1d;border:1px solid #d9dddb;box-shadow:0 30px 60px #111a1b26;padding:8px;border-radius:2px;z-index:20}
    .nav-links .nav-drop.open .nav-drop-menu{display:flex}
    .nav-links .nav-drop-menu a{font-size:13px;font-weight:600;letter-spacing:0;padding:12px 14px;color:#1b2929;white-space:normal;border-bottom:0;transition:background .2s}
    .nav-links .nav-drop-menu a:hover{opacity:1;background:#e6ebe7}
    .nav-links .nav-drop-toggle:focus-visible{outline:3px solid #a9cdff;outline-offset:4px}
    .nav-links .nav-drop-toggle [data-i18n="nav.foryou"]{--nav-shine-base:#ffffff;background-image:linear-gradient(100deg,var(--nav-shine-base) 0%,var(--nav-shine-base) 42%,#d6e6ff 48%,#4f8ff0 51%,#d6e6ff 54%,var(--nav-shine-base) 60%,var(--nav-shine-base) 100%);background-size:200% 100%;background-repeat:repeat;background-position:130% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:navDropSweep 2.8s linear infinite}
    .site-header.is-scrolled .nav-links .nav-drop-toggle [data-i18n="nav.foryou"],.site-header.is-menu .nav-links .nav-drop-toggle [data-i18n="nav.foryou"]{--nav-shine-base:#151b1d}
    @keyframes navDropSweep{from{background-position:130% 0}to{background-position:-30% 0}}
    @media(max-width:800px){.nav-links .nav-drop-toggle [data-i18n="nav.foryou"]{--nav-shine-base:#172121}}
    @media(prefers-reduced-motion:reduce){.nav-links .nav-drop-toggle [data-i18n="nav.foryou"]{animation:none;background:none;-webkit-text-fill-color:var(--nav-shine-base);color:var(--nav-shine-base)}}
    @media(max-width:800px){
      .nav-links .nav-drop{height:auto;display:block;width:100%}
      .nav-links .nav-drop-toggle{width:100%;justify-content:space-between;padding:17px 5px;font-size:20px;border-bottom:1px solid #d5d7d0;color:#172121}
      .nav-links .nav-drop-toggle:hover{opacity:1}
      .nav-links .nav-drop-menu{position:static;min-width:0;background:transparent;border:0;box-shadow:none;padding:0 0 6px}
      .nav-links .nav-drop-menu a{font-size:15px;padding:11px 5px 11px 18px;color:#3a4644;border-bottom:1px solid #e2e4de}
    }
    /* Loading screen */
    .loader{position:fixed;inset:0;z-index:2000;background:#fff;display:grid;place-items:center;animation:loader-out .45s ease 2.05s forwards}
    .loader-inner{display:flex;flex-direction:column;align-items:center;padding:24px;text-align:center}
    .loader-sign{width:clamp(30px,7vw,68px);height:clamp(30px,7vw,68px);stroke:currentColor;stroke-width:4;fill:none;stroke-linecap:square;stroke-linejoin:miter;margin-bottom:clamp(10px,1.6vw,22px);animation:loader-sign-in .7s cubic-bezier(.22,1,.36,1) .05s both}
    .loader-word{display:flex;gap:.06em;font-family:Inter,"Segoe UI",Arial,sans-serif;font-weight:840;font-size:clamp(31.5px,7.65vw,76.5px);line-height:1.02;color:#151b1d}
    .loader-word span{display:inline-block;opacity:0;transform:translateY(28px);filter:blur(8px);animation:loader-letter .55s cubic-bezier(.22,1,.36,1) forwards}
    .loader-word span:nth-child(1){animation-delay:.08s}
    .loader-word span:nth-child(2){animation-delay:.21s}
    .loader-word span:nth-child(3){animation-delay:.34s}
    .loader-word span:nth-child(4){animation-delay:.47s}
    .loader-word span:nth-child(5){animation-delay:.60s}
    .loader-word span:nth-child(6){animation-delay:.73s}
    .loader-word span:nth-child(7){animation-delay:.86s}
    .loader-word span:nth-child(8){animation-delay:.99s}
    .loader-line{width:min(51vw,375px);height:2px;background:#151b1d;transform:scaleX(0);transform-origin:left center;margin:28px 0 20px;animation:loader-line .5s cubic-bezier(.22,1,.36,1) 1.15s forwards}
    .loader-tagline{opacity:0;transform:translateY(12px);font-size:clamp(9.75px,1.5vw,13.5px);letter-spacing:.17em;font-weight:500;color:#5b6664;animation:loader-tagline .65s ease 1.5s forwards}
    @keyframes loader-letter{to{opacity:1;transform:none;filter:blur(0)}}
    @keyframes loader-sign-in{from{opacity:0;transform:translateY(16px) scale(.8)}to{opacity:1;transform:none}}
    @keyframes loader-line{to{transform:scaleX(1)}}
    @keyframes loader-tagline{to{opacity:1;transform:none}}
    @keyframes loader-out{to{opacity:0;visibility:hidden}}
    body.is-loading{overflow:hidden}
    @media(max-width:540px){.loader-line{margin:22px 0 16px}.loader-tagline{letter-spacing:.13em;font-size:9.75px}}
    @media(prefers-reduced-motion:reduce){.loader{animation:none}.loader-sign,.loader-word span,.loader-line,.loader-tagline{animation:none;opacity:1;transform:none;filter:none}}
    /* Fast loader variant (~2s total), used on secondary pages.
       Per-letter stagger is set on each span via the --n custom property. */
    @media(prefers-reduced-motion:no-preference){
      .loader--fast{animation:loader-out .45s ease 1.5s forwards}
      .loader--fast .loader-sign{animation-duration:.4s;animation-delay:.05s}
      .loader--fast .loader-word{font-size:clamp(24px,5.55vw,63px)}
      .loader--fast .loader-word span{animation-duration:.4s;animation-delay:calc(var(--n,0)*.06s)}
      .loader--fast.loader--long .loader-word{font-size:clamp(15px,3.45vw,42px);gap:.04em}
      .loader--fast.loader--long .loader-word span{animation-delay:calc(var(--n,0)*.028s)}
      .loader--fast .loader-line{animation-duration:.4s;animation-delay:.88s}
      .loader--fast .loader-tagline{animation-duration:.5s;animation-delay:.98s}
    }
    /* About page */
    .about-hero{background:var(--dark);color:#eaf0eb;padding:calc(var(--header) + 110px) 0 118px}
    .about-hero .eyebrow{color:#a5b7b0}
    .about-hero h1{font-size:clamp(32px,4.2vw,62px);font-weight:555;letter-spacing:-.062em;line-height:1.09;margin:26px 0 0;max-width:1020px;text-wrap:balance}
    .about-hero h1 .font-editorial{color:#9cb8a9}
    .about-hero.with-photo{background-color:#111819;background-image:linear-gradient(90deg,rgba(8,13,14,.88) 0%,rgba(8,13,14,.7) 34%,rgba(8,13,14,.34) 72%,rgba(8,13,14,.44) 100%),linear-gradient(0deg,rgba(8,13,14,.74),transparent 34%,transparent 62%,rgba(8,13,14,.32)),var(--hero-photo,url("assets/jasa-pembuatan-aplikasi.webp"));background-size:cover;background-position:center;background-repeat:no-repeat;min-height:58vh}
    .about-hero.with-photo.photo-erp{--hero-photo:url("assets/jasa-pembuatan-erp.webp")}
    .about-lead{max-width:660px;margin-top:26px;font-size:15px;line-height:1.85;color:#b0c1ba}
    /* Legal / privacy page */
    .legal{background:var(--paper);padding:84px 0 130px}
    .legal-body{max-width:820px}
    .legal-updated{font-size:13px;color:#77817c;margin:0 0 8px}
    .legal h2{font-size:21px;font-weight:660;letter-spacing:-.03em;margin:40px 0 12px}
    .legal p,.legal li{font-size:15px;line-height:1.85;color:#4c5854}
    .legal ul{padding-left:20px;margin:10px 0}
    .legal a{color:#2a61b5;text-decoration:underline;text-underline-offset:3px}
    .legal-back{display:inline-flex;align-items:center;gap:10px;margin-top:44px;font-size:13px;font-weight:750;border-bottom:1px solid currentColor;padding-bottom:11px}
    @media(max-width:540px){.legal{padding:60px 0 90px}}
    .company-card{border:1px solid #3a4644;padding:34px 32px;display:grid;gap:24px;align-content:start}
    .company-row{display:grid;gap:6px}
    .company-row b{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#9bb0a6;font-weight:700}
    .company-row span,.company-row a{font-size:15px;line-height:1.6;color:#e5f1e8}
    .company-row a{border-bottom:1px solid #aebdb5;padding-bottom:2px;width:max-content}
    .footer-address{font-size:13px;line-height:1.6;color:#a8bcb0;max-width:230px}
    .footer-links{flex-wrap:wrap}
    @media(max-width:800px){.about-hero{padding:calc(var(--header) + 70px) 0 84px}.company-card{padding:26px 22px}}
    /* Services / Keahlian page */
    .svc{padding:100px 0}
    .svc.alt{background:var(--cream);border-top:1px solid #ced4d0;border-bottom:1px solid #ced4d0}
    .svc-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:8%;align-items:start;margin-top:44px}
    .svc h2{font-size:clamp(28px,3.4vw,50px);font-weight:560;letter-spacing:-.06em;line-height:1.12;margin:0;max-width:720px}
    .svc h2 .font-editorial{color:#727d78}
    .svc-lead{font-size:16px;line-height:1.85;color:#66706e;margin:22px 0 0;max-width:620px}
    .svc-link{margin-top:30px}
    .svc-list-title{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:750;color:#5a6b6b;margin:0 0 18px}
    .svc-points{list-style:none;margin:0;padding:0;display:grid;gap:11px}
    .svc-points li{position:relative;padding-left:28px;font-size:14.5px;line-height:1.55;color:#3d4a49}
    .svc-points li::before{content:"↗";position:absolute;left:0;top:1px;color:#2a61b5;font-size:15px;line-height:1}
    .svc-note{margin-top:30px;padding:20px 22px;border-left:2px solid #2a61b5;background:#eaf1fb;font-size:14.5px;line-height:1.75;color:#26363c;max-width:640px}
    @media(max-width:800px){.svc{padding:76px 0}.svc-grid{grid-template-columns:1fr;gap:34px;margin-top:34px}}
    /* AI Enablement service page */
    .ai-hero{background:#111819;color:#eaf0eb;padding:calc(var(--header) + 92px) 0 100px;overflow:hidden}
    .ai-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
    .ai-hero .eyebrow{color:#a5b7b0}
    .ai-hero h1{font-size:clamp(34px,4.4vw,66px);font-weight:555;letter-spacing:-.062em;line-height:1.08;margin:22px 0 0;text-wrap:balance}
    .ai-hero h1 .font-editorial{color:#9cb8a9}
    .ai-hero .hero-lead{font-size:15.5px;line-height:1.85;color:#b0c1ba;margin:24px 0 0;max-width:560px}
    .ai-hero .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}
    .ai-sec{padding:112px 0}
    .ai-sec--cream{background:var(--cream)}
    .ai-sec--paper{background:var(--paper)}
    .ai-sec--tint{background:#fcfbf8}
    .ai-sec h2{font-size:clamp(30px,3.6vw,52px);font-weight:560;letter-spacing:-.062em;line-height:1.12;margin:0;max-width:840px}
    .ai-sec h2 .font-editorial{color:#727d78}
    .ai-head{margin-top:50px}
    .ai-sub{font-size:15.5px;line-height:1.85;color:#667570;margin:22px 0 0;max-width:620px}
    .feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c9cfca;border:1px solid #c9cfca;margin-top:50px}
    .feat-card{background:var(--paper);padding:34px 30px 38px;display:flex;flex-direction:column;min-height:212px}
    .ai-sec--cream .feat-card{background:var(--cream)}
    .feat-icon{width:30px;height:30px;stroke:#2a61b5;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;margin-bottom:12px}
    .feat-card h3{font-size:17px;font-weight:650;letter-spacing:-.035em;margin:0 0 11px}
    .feat-card p{font-size:13.5px;line-height:1.72;color:#667570;margin:0}
    .compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:50px}
    .compare-grid--3{grid-template-columns:repeat(3,1fr)}
    .compare-card--strong{border-color:#2a61b5;box-shadow:0 14px 34px rgba(42,97,181,.12)}
    .compare-card .svc-points{margin-top:2px}
    .device-row{display:flex;gap:32px;flex-wrap:wrap;margin:32px 0 10px}
    .device-item{display:flex;flex-direction:column;align-items:center;gap:11px;color:#41544e}
    .device-item svg{width:34px;height:34px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
    .device-item span{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;font-weight:750}
    .compare-card{border:1px solid #b9c7be;background:var(--paper);padding:38px 34px;display:flex;flex-direction:column;gap:15px}
    .compare-tag{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:750;color:#2a61b5}
    .compare-card h3{font-size:25px;font-weight:600;letter-spacing:-.045em;margin:0}
    .compare-card p{font-size:14.5px;line-height:1.8;color:#667570;margin:0}
    .who-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:60px;align-items:center;margin-top:50px}
    .ai-band{margin-top:56px}
    .img-ph{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:#e4e9e6;border:1px dashed #93a29b;color:#41544e;padding:34px 26px;text-align:center;border-radius:2px;width:100%}
    .img-ph-icon{width:46px;height:46px;stroke:currentColor;stroke-width:1.7;fill:none;opacity:.55}
    .img-ph-title{font-size:13px;font-weight:700;letter-spacing:.02em;line-height:1.55;max-width:300px}
    .img-ph-hint{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:750;color:#6d7d77}
    .img-ph--dark{background:#1a2422;border-color:#3c4d48;color:#b8c7c1}
    .img-ph--dark .img-ph-hint{color:#7e918a}
    .img-ph--hero{aspect-ratio:4/3;min-height:300px}
    .img-ph--wide{aspect-ratio:21/9;min-height:220px}
    .img-ph--side{aspect-ratio:1/1}
    .hero-img{width:100%;height:auto;display:block;border-radius:2px;background:#1a2422}
    @media(max-width:900px){
      .ai-hero-grid,.who-grid{grid-template-columns:1fr;gap:36px}
      .compare-grid,.compare-grid--3{grid-template-columns:1fr;gap:20px}
      .feat-grid{grid-template-columns:1fr 1fr}
    }
    @media(max-width:560px){
      .ai-sec{padding:82px 0}
      .feat-grid{grid-template-columns:1fr}
      .ai-hero{padding:calc(var(--header) + 60px) 0 72px}
    }
    /* Highlighted offer band */
    .value-band{background:var(--strong);color:#eef4ff}
    .value-band .container{display:flex;align-items:center;justify-content:space-between;gap:34px;padding:26px 0;flex-wrap:wrap}
    .value-band-copy{max-width:760px;display:flex;flex-direction:column;gap:5px}
    .value-band p{margin:0;font-size:clamp(17px,2.05vw,24px);line-height:1.45;font-weight:500;letter-spacing:-.02em}
    .value-band p b{font-weight:850}
    .value-band-note{font-size:12px;letter-spacing:.02em;color:#c6d8f5;font-weight:500}
    .value-band .btn{flex:none}
    @media(max-width:800px){.value-band .container{padding:22px 0;gap:18px}.value-band .btn{width:100%}}
    /* Header */
    .site-header{position:fixed;top:0;left:0;right:0;z-index:100;color:#fff;transition:background .35s,border-color .35s,color .35s; border-bottom:1px solid #ffffff2e}
    .site-header.is-scrolled,.site-header.is-menu{background:#f5f4f0f5;color:#151b1d;border-color:#d9dddb;backdrop-filter:blur(18px)}
    .nav{height:var(--header);display:flex;align-items:center;justify-content:space-between;gap:28px}
    .brand{display:flex;align-items:center;gap:13px;flex-shrink:0;font-size:29px;font-weight:840;letter-spacing:-.075em;line-height:1}
    .brand-sign{display:block;width:29px;height:32px;stroke:currentColor;stroke-width:4;fill:none;stroke-linecap:square;stroke-linejoin:miter}
    .brand-dot{color:#a8c8fb}.site-header.is-scrolled .brand-dot,.site-header.is-menu .brand-dot{color:#3869bb}
    .nav-links{display:flex;align-items:center;gap:32px;margin-left:auto}.nav-links a{font-size:12px;font-weight:650;transition:opacity .2s}.nav-links a:hover{opacity:.62}
    .nav-cta{display:inline-flex;align-items:center;gap:22px;padding:11px 0 11px 18px;border-left:1px solid currentColor;font-weight:750;font-size:12px;white-space:nowrap}
    .nav-cta .arrow{font-size:19px}.mobile-toggle{display:none;border:0;background:none;color:inherit;padding:10px;flex-shrink:0}.mobile-toggle span{display:block;width:24px;height:1.5px;background:currentColor;transition:transform .25s,opacity .25s}.mobile-toggle span+span{margin-top:6px}
    /* Hero: full-bleed photography, no gimmick illustration */
    .hero{height:100svh;min-height:720px;position:relative;overflow:hidden;background:#101719;color:#fff;isolation:isolate}
    .hero-visuals,.hero-photo,.hero-tint{position:absolute;inset:0;width:100%;height:100%}.hero-visuals{z-index:-3}.hero-photo{object-fit:cover;object-position:center;opacity:0;transform:scale(1.075);transition:opacity 1.1s ease,transform 8.8s linear;will-change:opacity,transform}.hero-photo.active{opacity:1;transform:scale(1)}
    .hero-photo:nth-child(1){object-position:55% 45%}.hero-photo:nth-child(2){object-position:52% 55%}.hero-photo:nth-child(3){object-position:53% 48%}
    .hero-tint{z-index:-2;background:linear-gradient(90deg,rgba(7,12,14,.82) 0%,rgba(7,12,14,.65) 30%,rgba(7,12,14,.15) 72%,rgba(7,12,14,.21) 100%),linear-gradient(0deg,rgba(7,12,14,.8),transparent 25%,transparent 60%,rgba(7,12,14,.22));pointer-events:none}
    .hero-grain{position:absolute;inset:0;z-index:-1;opacity:.1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}
    .hero-inner{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;padding-top:62px;padding-bottom:110px}
    .hero-overline{display:flex;align-items:center;gap:13px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#e0e5e1;margin-bottom:35px}
    .hero-overline::before{content:"";height:1px;width:32px;background:#d9e6f6}
    .hero-copy{max-width:1060px;transition:opacity .26s ease,transform .26s ease}.hero-copy.changing{opacity:0;transform:translateY(17px)}
    .hero h1{font-weight:625;letter-spacing:-.063em;font-size:clamp(40px,4.91vw,87px);line-height:1.015;margin:0;max-width:1020px;text-wrap:balance}
    .hero h1 .font-editorial{color:#e7ecea;white-space:nowrap}
    .hero-sub{max-width:545px;margin:29px 0 33px;font-size:16px;line-height:1.75;color:#e1e5e1;font-weight:400}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
    .hero-bottom{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #ffffff4a}
    .hero-bottom-inner{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;align-items:stretch}
    .hero-control{background:transparent;border:0;color:white;text-align:left;padding:21px 4px 24px;position:relative;display:flex;align-items:baseline;gap:17px;opacity:.48;transition:opacity .2s;outline-offset:-3px}.hero-control.is-active,.hero-control:hover{opacity:1}
    .hero-control::before{content:"";position:absolute;left:0;top:-2px;width:100%;height:2px;background:#ffffff2e}.hero-control .progress-fill{position:absolute;left:0;top:-2px;height:2px;width:0;background:#dbeaff;z-index:2}
    .hero-control b{font-size:11px;font-weight:750;letter-spacing:.14em}.hero-control span:last-child{font-size:13px;font-weight:550}
    .hero-count{position:absolute;top:calc(var(--header) + 40px);right:max(56px,calc((100vw - 1440px)/2));font-size:12px;letter-spacing:.16em;display:flex;gap:10px;color:#e6e6e3}
    .hero-count b{font-weight:700}.hero-count span{opacity:.5}
    .vertical-side{position:absolute;right:max(55px,calc((100vw - 1440px)/2));top:51%;writing-mode:vertical-rl;letter-spacing:.18em;font-size:10px;font-weight:750;text-transform:uppercase;color:#ffffff9a;display:flex;align-items:center;gap:20px}.vertical-side:before{content:"";height:60px;width:1px;background:#ffffff70}
    /* Intro */
    .statement-strip{background:#e4e9e6;border-bottom:1px solid #ced4d0;border-top:1px solid #ced4d0;overflow:hidden}
    .statement-strip .container{display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:70px}
    .strip-item{white-space:nowrap;display:flex;align-items:center;gap:14px;font-size:10px;font-weight:780;letter-spacing:.155em;text-transform:uppercase;color:#405456}.strip-item span{font-size:15px;font-weight:400;color:#738887}
    .intro{padding:148px 0 153px;background:var(--paper)}
    .intro-grid{display:grid;grid-template-columns:minmax(190px,.64fr) minmax(0,1.8fr);gap:8%;align-items:start}
    .intro .eyebrow{color:#5a6b6b;padding-top:17px}.intro-main h2,.section-heading h2{margin:0;font-weight:570;font-size:clamp(31px,4.05vw,61px);letter-spacing:-.063em;line-height:1.11;text-wrap:balance}
    .intro-main h2 .font-editorial{color:#727d78}.intro-bottom{display:grid;grid-template-columns:1fr 1fr;gap:52px;margin-top:55px;align-items:end}
    .intro-bottom p{font-size:16px;line-height:1.85;color:#66706e;margin:0}.intro-bottom .text-link{width:max-content;justify-self:end;align-self:end}
    /* Pain */
    .pain{background:var(--cream);padding:122px 0 138px}
    .section-topline{border-top:1px solid #bbc4bf;padding-top:17px;display:flex;align-items:flex-start;justify-content:space-between;gap:35px}
    .section-index{font-size:11px;letter-spacing:.15em;font-weight:800;text-transform:uppercase;color:#697773}
    .pain-head{display:grid;grid-template-columns:1.1fr .7fr;gap:8%;align-items:end;margin-top:49px;margin-bottom:65px}
    .pain-head h2{font-size:clamp(30px,3.83vw,54px);line-height:1.1;letter-spacing:-.06em;font-weight:580;margin:0;max-width:790px}
    .pain-head p{color:#687270;line-height:1.75;font-size:15px;margin:0 0 5px}
    .pain-list{border-top:1px solid #c9cfca}
    .pain-item{display:grid;grid-template-columns:130px 1.15fr 1fr 32px;align-items:start;gap:30px;padding:40px 0;border-bottom:1px solid #c9cfca;transition:padding .25s}
    .pain-num{font-size:13px;font-weight:700;letter-spacing:.06em;color:#6f817f;margin-top:7px}
    .pain-title{font-size:clamp(17px,1.91vw,28px);line-height:1.18;font-weight:550;letter-spacing:-.046em;max-width:510px}
    .pain-desc{font-size:14px;line-height:1.75;color:#697371;max-width:340px}.pain-arrow{font-size:22px;color:#50645f;transition:transform .25s}.pain-item:hover .pain-arrow{transform:translate(4px,-4px)}
    .pain-note{display:flex;justify-content:flex-end;gap:18px;align-items:center;padding-top:24px;color:#5c6967;font-size:13px}.pain-note::before{content:"";width:50px;height:1px;background:#8ea09a}
    /* Specialties */
    .specialties{background:var(--dark);color:#eaf0eb;padding:124px 0 135px;overflow:hidden}
    .specialties .section-topline{border-color:#596362}.specialties .section-index{color:#a5b7b0}
    .specialties-head{display:flex;align-items:end;justify-content:space-between;gap:56px;margin-top:40px;margin-bottom:63px}
    .specialties-head h2{font-size:clamp(32px,4.24vw,62px);letter-spacing:-.06em;line-height:1.06;font-weight:560;max-width:1000px;margin:0}
    .specialties-head h2 em{color:#9cb8a9}.specialties-head p{line-height:1.65;font-size:14px;color:#adbbb5;max-width:270px;margin:0 0 6px}
    .s-layout{display:grid;grid-template-columns:40.5% 59.5%;min-height:596px;border:1px solid #40504c}
    .s-copy{display:flex;flex-direction:column;justify-content:space-between;padding:49px 48px 45px;position:relative}
    .s-counter{display:flex;align-items:center;gap:14px;color:#a8bdb5;font-size:11px;font-weight:750;letter-spacing:.18em}.s-counter::after{content:"";height:1px;width:60px;background:#657870}
    .s-slide-copy{transition:opacity .27s,transform .27s}.s-slide-copy.changing{opacity:0;transform:translateY(13px)}
    .s-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:750;color:#9bacaa;margin-bottom:19px}
    .s-slide-copy h3{font-size:clamp(26px,2.63vw,38px);line-height:1.09;letter-spacing:-.058em;font-weight:530;margin:0 0 23px;text-wrap:balance}
    .s-slide-copy p{font-size:14px;line-height:1.8;color:#b0c1ba;max-width:420px;margin:0 0 24px}
    .s-benefits{margin:0;padding:0;list-style:none;display:grid;gap:9px}.s-benefits li{display:flex;gap:12px;align-items:flex-start;font-size:12.5px;line-height:1.4;color:#d9e2de}
    .s-benefits li::before{content:"↗";color:#b1c9c0;font-size:15px;flex:none;line-height:1}
    .s-copy .text-link{align-self:flex-start;margin-top:30px}
    .s-image-area{position:relative;overflow:hidden;min-height:596px;background:#293431}
    .s-image-area img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .38s ease,transform 1.1s var(--ease);filter:saturate(.72)}
    .s-image-area img.out{opacity:.05;transform:scale(1.045)}
    .s-photo-controls{position:absolute;z-index:4;right:34px;bottom:31px;display:flex;gap:7px}
    .s-photo-btn{width:46px;height:46px;display:grid;place-items:center;background:#08161452;border:1px solid #ffffff87;border-radius:50%;color:#fff;font-size:23px;font-weight:400;transition:background .25s,transform .25s;backdrop-filter:blur(8px)}
    .s-photo-btn:hover{background:#f2f5f1;color:#172220;transform:translateY(-2px)}
    .s-image-area::before{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#13201d50,transparent 35%),linear-gradient(0deg,#07130ea8,transparent 40%);z-index:1;pointer-events:none}
    .image-watermark{position:absolute;z-index:2;left:40px;bottom:35px;color:white;font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.13em;display:flex;align-items:center;gap:12px}.image-watermark:before{content:"";height:8px;width:8px;background:#bdd8c4;border:2px solid #bdd8c4;border-radius:50%;box-shadow:0 0 0 6px #bdd8c433}
    .s-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid #40504c;border-top:0}
    .s-tab{background:transparent;border:none;color:#93a49d;padding:25px 22px;text-align:left;display:flex;gap:18px;align-items:flex-start;position:relative;transition:background .25s,color .25s;border-right:1px solid #40504c;min-height:90px}.s-tab:last-child{border-right:none}.s-tab:hover,.s-tab.active{color:#fff;background:#1d2926}
    .s-tab.active:before{content:"";height:2px;background:#bdcebd;position:absolute;top:0;left:0;right:0}.s-tab b{font-size:11px;font-weight:800;color:#9cafa6;padding-top:3px}.s-tab span{font-size:13px;line-height:1.3;font-weight:650}
    /* Philosophy */
    .philosophy{background:#e8ebe6;padding:142px 0 150px}
    .philosophy-head{display:grid;grid-template-columns:1fr 1.9fr;gap:7%;margin:62px 0 87px}.philosophy-head h2{font-size:clamp(34px,4.2vw,62px);line-height:1.08;font-weight:550;letter-spacing:-.067em;margin:0;max-width:950px}.philosophy-head h2 .font-editorial{color:#6c837d}
    .philosophy-head .label-side{font-size:14px;line-height:1.8;color:#626f6a;max-width:250px}
    .pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #b9c7be;border-bottom:1px solid #b9c7be}
    .pillar{padding:35px 26px 44px 0;min-height:270px;border-right:1px solid #b9c7be;margin-right:26px;display:flex;flex-direction:column;align-items:start}.pillar:last-child{border-right:0;margin-right:0}
    .pillar-num{font-size:12px;font-weight:700;color:#648075;letter-spacing:.1em;margin-bottom:64px}.pillar h3{font-weight:680;font-size:16px;letter-spacing:-.04em;margin:0 0 12px}.pillar p{font-size:13px;line-height:1.7;color:#687870;margin:0;max-width:265px}
    /* Process */
    .process{padding:141px 0 153px;background:#fcfbf8}
    .process-head{display:grid;grid-template-columns:1.5fr .7fr;gap:7%;align-items:end;margin-top:55px;margin-bottom:94px}.process-head h2{font-weight:570;font-size:clamp(36px,4.35vw,65px);letter-spacing:-.065em;line-height:1.08;margin:0}.process-head p{line-height:1.8;font-size:15px;color:#738078;max-width:325px;margin:0}
    .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}.steps:before{position:absolute;content:"";top:25px;left:0;right:0;height:1px;background:#c9d3cf}
    .step{padding-top:0}.step-point{width:50px;height:50px;border:1px solid #83928c;border-radius:50%;background:#fcfbf8;display:grid;place-items:center;font-size:12px;font-weight:800;position:relative;z-index:1;margin-bottom:48px}.step h3{font-size:18px;font-weight:610;letter-spacing:-.045em;margin:0 0 13px}.step p{font-size:13px;line-height:1.78;color:#667570;margin:0;max-width:245px}
    /* FAQ */
    .faq{background:#ecede9;padding:119px 0 136px}.faq-grid{display:grid;grid-template-columns:.85fr 1.2fr;gap:13%;align-items:start}
    .faq h2{font-weight:550;font-size:clamp(32px,3.38vw,49px);letter-spacing:-.063em;line-height:1.1;margin:29px 0 23px}.faq-blurb{font-size:14px;line-height:1.85;color:#67736f;max-width:330px}
    .faq-list{border-top:1px solid #bfc8c2}.faq-list details{border-bottom:1px solid #bfc8c2;padding:24px 0}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:30px;cursor:pointer;font-size:17px;line-height:1.5;font-weight:620;letter-spacing:-.025em}.faq-list summary::-webkit-details-marker{display:none}
    .faq-plus{flex:none;display:flex;width:32px;height:32px;border:1px solid #899e93;border-radius:50%;align-items:center;justify-content:center;font-size:19px;font-weight:400;transition:transform .25s}
    .faq-list details[open] .faq-plus{transform:rotate(45deg)}.faq-list details p{max-width:600px;margin:18px 50px 3px 0;line-height:1.85;color:#677570;font-size:14px}
    /* Contact */
    .contact{position:relative;color:#fff;background:#111a1b;overflow:hidden}.contact-back{position:absolute;inset:0;background:radial-gradient(circle at 78% 24%,#34403a95,transparent 42%),linear-gradient(130deg,#131d1e 10%,#192421 100%);pointer-events:none}
    .contact-deco{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(90deg,#ffffff25 1px,transparent 1px);background-size:9.09% 100%;pointer-events:none}
    .contact-inner{position:relative;padding-top:138px;padding-bottom:134px;display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:start}
    .contact .eyebrow{color:#adc8b6}.contact h2{font-size:clamp(40px,4.5vw,66px);line-height:1.07;letter-spacing:-.066em;font-weight:540;margin:38px 0 26px;max-width:760px}.contact h2 em{color:#adc9b9}
    .contact-copy>p{font-size:15px;line-height:1.8;color:#aebdb5;max-width:400px;margin-bottom:54px}.contact-email{font-size:15px;color:#e5f1e8;border-bottom:1px solid #aebdb5;padding-bottom:13px;display:inline-flex;gap:30px;align-items:center}
    .contact-form{border:1px solid #54655d;background:#ffffff08;padding:37px;backdrop-filter:blur(5px)}
    .form-title{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:19px;font-weight:650;letter-spacing:-.025em;padding-bottom:30px;border-bottom:1px solid #58655f;margin-bottom:25px}.form-title span{font-size:12px;color:#afc3b4;letter-spacing:.07em;font-weight:500}
    .field{display:block;margin-bottom:20px}.field span{display:block;font-size:11px;font-weight:750;letter-spacing:.07em;text-transform:uppercase;color:#c3cec7;margin-bottom:10px}.field input,.field textarea,.field select{width:100%;background:#ffffff0b;border:1px solid #6c79716b;border-radius:0;color:#fff;padding:15px 16px;font-size:14px;outline:0;transition:border-color .25s}.field textarea{resize:vertical;min-height:95px;max-height:240px}.field input::placeholder,.field textarea::placeholder{color:#a5b4ab}.field input:focus,.field select:focus,.field textarea:focus{border-color:#a5d2bb}.field select option{color:#111a1b}
    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
    .submit-btn{display:flex;align-items:center;justify-content:space-between;width:100%;background:#dfede4;border:0;border-radius:0;padding:19px 20px;color:#1b2c25;font-size:13px;font-weight:800;transition:background .2s}.submit-btn:hover{background:#b9d3c1}
    .form-fine{color:#a2b1a8;font-size:11px;line-height:1.6;margin:14px 0 0}.form-privacy{color:#a2b1a8;font-size:11px;line-height:1.6;margin:8px 0 0}.form-privacy a{color:#c4d6f2;text-decoration:underline;text-underline-offset:3px}.form-message{display:none;font-size:13px;line-height:1.6;margin-top:15px;color:#d4e9d5}.form-message.show{display:block}.form-message[data-state="error"]{color:#ffd1c8}.submit-btn:disabled{opacity:.7;cursor:progress}.submit-btn:disabled:hover{background:#dfede4}
    /* Anti-spam honeypot: tak terlihat manusia, tapi dibaca bot. Jangan pakai display:none agar tahan bot cerdas. */
    .hp-trap{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
    .turnstile-wrap{margin:6px 0 16px;min-height:0}.turnstile-wrap iframe{max-width:100%}
    .site-footer{background:#0b1112;color:#bdc9c1;padding:52px 0 28px}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:35px;padding-bottom:70px}.site-footer .brand{color:white;font-size:29px}.footer-declaration{max-width:305px;font-size:13px;line-height:1.65;color:#a8bcb0;margin:25px 0 0}.footer-links{display:flex;gap:85px}.footer-group{display:flex;flex-direction:column;gap:15px}.footer-group b{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#788a7f;margin-bottom:10px}.footer-group a{font-size:13px;color:#dbe5dd}.footer-group a:hover{text-decoration:underline}
    .footer-bottom{border-top:1px solid #45544c;padding-top:28px;display:flex;justify-content:space-between;gap:25px;color:#8b9f92;font-size:11px;letter-spacing:.025em;flex-wrap:wrap}
    .footer-aux a{color:#b9cdc2;text-decoration:underline;text-underline-offset:3px}
    .faq-toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;list-style:none}
    .faq-toc a{display:inline-block;font-size:12.5px;font-weight:650;color:#2a61b5;background:#eaf1fb;border:1px solid #c4d6f2;border-radius:999px;padding:8px 14px}
    .geo-def{margin:34px 0 0;padding:20px 22px;border-left:3px solid #2a61b5;background:#eef4fc;font-size:14.5px;line-height:1.75;color:#26363c;max-width:760px}
    .footer-icon{width:16px;height:16px;flex:none}
    .footer-address{display:flex;gap:9px;align-items:flex-start}
    .footer-address .footer-icon{margin-top:1px}
    .footer-contact{display:inline-flex;align-items:center;gap:9px;width:max-content}
    .footer-contact .footer-icon--wa{color:#25d366}
    .footer-social{display:flex;gap:11px;margin-top:4px}
    .footer-social a{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid #45544c;border-radius:50%;color:#dbe5dd;transition:background .2s,color .2s,border-color .2s}
    .footer-social a:hover{background:#1b2728;color:#fff;border-color:#6f8377;text-decoration:none}
    .footer-social .footer-icon{width:17px;height:17px}
    /* entrance animations; default view remains visible with JS off */
    html.has-js .reveal{opacity:0;transform:translateY(35px);transition:opacity .95s var(--ease),transform .95s var(--ease)}
    html.has-js .reveal.is-visible{opacity:1;transform:none}
    html.has-js .reveal.delay1{transition-delay:.1s}html.has-js .reveal.delay2{transition-delay:.18s}html.has-js .reveal.delay3{transition-delay:.27s}
    @media(min-width:1600px){.hero h1{font-size:80px}}
    @media(max-width:1120px){.container{width:min(100% - 72px,1440px)}.nav-links{gap:22px}.hero h1{font-size:clamp(46px,5.25vw,68px)}.s-copy{padding:40px 30px 36px}.s-layout{grid-template-columns:46% 54%}.pain-item{grid-template-columns:70px 1.1fr 1fr 22px;gap:25px}.vertical-side{right:35px}.hero-count{right:36px}.pillar{margin-right:15px;padding-right:15px}.footer-links{gap:55px}}
    @media(max-width:800px){:root{--header:70px}.container{width:calc(100% - 40px)}.mobile-toggle{display:block;margin-left:auto;z-index:12}.nav-links{position:fixed;inset:70px 0 auto 0;background:#f5f4f0;display:flex;flex-direction:column;gap:0;padding:18px 20px 32px;align-items:stretch;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .25s,transform .25s,visibility .25s;box-shadow:0 30px 60px #111a1b26}.nav-links.open{opacity:1;visibility:visible;transform:translateY(0)}.nav-links a{color:#172121;font-size:20px;padding:17px 5px;border-bottom:1px solid #d5d7d0}.nav-cta{margin-left:auto;border:0;padding:10px 0;font-size:11px}.site-header.is-menu .mobile-toggle span:first-child{transform:translateY(3.7px) rotate(45deg)}.site-header.is-menu .mobile-toggle span:last-child{transform:translateY(-3.7px) rotate(-45deg)}
    .hero{height:90svh;min-height:685px}.hero-inner{padding-bottom:145px;padding-top:80px}.hero h1{font-size:clamp(36px,6.38vw,58px)}.hero-sub{font-size:15px;max-width:475px}.hero-bottom-inner{gap:10px}.hero-control{gap:9px;flex-direction:column;align-items:flex-start;padding-bottom:18px}.hero-control span:last-child{font-size:11px}.vertical-side{display:none}
    .intro,.philosophy,.process{padding:105px 0}.intro-grid{grid-template-columns:1fr;gap:32px}.intro .eyebrow{padding:0}.intro-bottom{gap:25px;margin-top:40px}.pain,.specialties,.faq{padding:100px 0}.pain-head,.specialties-head,.process-head{grid-template-columns:1fr;display:grid;gap:28px;margin-bottom:40px}.pain-head p,.specialties-head p,.process-head p{max-width:450px}.pain-item{grid-template-columns:45px 1fr 1fr;gap:16px}.pain-arrow{display:none}.s-layout{grid-template-columns:1fr;min-height:unset}.s-copy{min-height:475px}.s-image-area{min-height:410px}.philosophy-head{grid-template-columns:1fr;gap:20px;margin:40px 0 55px}.philosophy-head .label-side{max-width:420px}.pillars{grid-template-columns:repeat(2,1fr)}.pillar:nth-child(2){border-right:0}.pillar:nth-child(-n+2){border-bottom:1px solid #b9c7be}.pillar{min-height:220px}.steps{grid-template-columns:repeat(2,1fr);row-gap:60px}.steps:before{display:none}.step-point{margin-bottom:26px}.faq-grid,.contact-inner{grid-template-columns:1fr;gap:50px}.faq h2{max-width:650px}.contact-inner{padding:105px 0}.contact h2{font-size:52px}.footer-top{gap:40px}}
    @media(max-width:540px){.container{width:calc(100% - 36px)}.nav-cta{display:none}.brand{font-size:25px}.brand-sign{width:25px;height:27px}.hero{height:100svh;min-height:630px;max-height:920px}.hero-photo:nth-child(1){object-position:60% center}.hero-photo:nth-child(2){object-position:65% center}.hero-photo:nth-child(3){object-position:68% center}.hero-tint{background:linear-gradient(90deg,#071113c7 0%,#08111397 69%,#08111336),linear-gradient(0deg,#071113b8,transparent 42%)}.hero-inner{padding-top:75px;padding-bottom:149px}.hero-overline{font-size:10px;letter-spacing:.105em;gap:8px;margin-bottom:26px}.hero-overline::before{width:18px}.hero h1{font-size:clamp(34px,8.7vw,49px);line-height:1.05;max-width:100%}.hero h1 .font-editorial{white-space:normal}.hero-sub{font-size:14px;line-height:1.7;margin:23px 0 24px;max-width:370px}.hero-actions{gap:9px}.btn{min-height:51px;font-size:12px;padding:14px 16px;gap:12px}.hero-count{top:92px;right:20px;font-size:10px}.hero-bottom-inner{gap:0}.hero-control{padding:16px 6px 18px 1px;gap:7px;min-width:0}.hero-control b{font-size:10px}.hero-control span:last-child{font-size:10px;line-height:1.35}.statement-strip .container{min-height:58px;overflow:hidden;justify-content:flex-start;gap:34px}.strip-item{font-size:9px}.strip-item:nth-child(n+3){display:none}.intro,.pain,.specialties,.philosophy,.process,.faq{padding:85px 0}.intro-main h2,.pain-head h2,.specialties-head h2,.philosophy-head h2,.process-head h2,.faq h2{font-size:clamp(28px,7.5vw,40px);line-height:1.11}.intro-bottom{grid-template-columns:1fr;gap:26px}.intro-bottom .text-link{justify-self:start}.intro-bottom p{font-size:14px}.section-topline{gap:10px}.section-index{font-size:9px}.pain-head{gap:16px;margin-top:35px;margin-bottom:35px}.pain-head p{font-size:14px}.pain-item{grid-template-columns:34px 1fr;gap:8px 12px;padding:27px 0}.pain-title{font-size:19px}.pain-desc{grid-column:2;font-size:13px}.pain-note{font-size:11px;text-align:right}.specialties-head{margin-top:35px}.s-layout{border:0}.s-copy{padding:29px 22px;min-height:500px;border:1px solid #40504c}.s-slide-copy h3{font-size:29px}.s-slide-copy p{font-size:13.5px}.s-benefits li{font-size:12px}.s-image-area{min-height:305px}.image-watermark{left:20px;bottom:22px;font-size:9px}.s-nav{grid-template-columns:1fr 1fr}.s-tab:nth-child(2n){border-right:0}.s-tab:nth-child(-n+2){border-bottom:1px solid #40504c}.s-tab{padding:17px 10px;gap:7px;display:block;min-height:77px}.s-tab b{display:block;margin-bottom:8px}.s-tab span{font-size:10px;line-height:1.45}.philosophy-head{margin-bottom:48px}.pillars{grid-template-columns:1fr}.pillar{min-height:auto;margin-right:0;border-right:0;border-bottom:1px solid #b9c7be!important;padding:25px 0 30px}.pillar:last-child{border-bottom:0!important}.pillar-num{margin-bottom:26px}.process-head{margin-top:40px;margin-bottom:58px}.steps{gap:35px 21px}.step-point{width:40px;height:40px;margin-bottom:22px}.step h3{font-size:16px}.step p{font-size:12.5px}.faq-grid{gap:30px}.faq-list summary{font-size:15px}.faq-list details{padding:19px 0}.contact-inner{padding:95px 0;gap:45px}.contact h2{font-size:clamp(35px,8.25vw,49px);margin-top:27px}.contact-copy>p{margin-bottom:27px}.contact-form{padding:23px 20px}.form-row{grid-template-columns:1fr;gap:0}.form-title{font-size:17px}.form-title span{font-size:10px}.footer-top{display:block;padding-bottom:47px}.footer-links{margin-top:50px;gap:40px;justify-content:space-between}.footer-bottom{display:block;line-height:1.8}}
    @media(max-width:540px) and (max-height:760px){.hero{min-height:760px}.hero h1{font-size:clamp(31px,8.1vw,42px)}.hero-sub{line-height:1.55}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html.has-js .reveal{opacity:1;transform:none}.hero-photo{transform:none!important}}
    /* Testimonials */
    .testimonials{background:var(--cream);padding:120px 0 130px}
    .testi-head{display:grid;grid-template-columns:1.45fr .8fr;gap:7%;align-items:end;margin-top:45px;margin-bottom:64px}
    .testi-head h2{font-weight:570;font-size:clamp(32px,4.2vw,62px);letter-spacing:-.063em;line-height:1.08;margin:0;text-wrap:balance}
    .testi-head h2 .font-editorial{color:#727d78}
    .testi-head p{line-height:1.8;font-size:15px;color:#67736f;max-width:320px;margin:0}
    .testi-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #c9cfca}
    .testi-card{margin:0;padding:38px 40px 40px 0;border-bottom:1px solid #c9cfca;display:flex;flex-direction:column;gap:28px}
    .testi-card:nth-child(odd){padding-right:40px;border-right:1px solid #c9cfca}
    .testi-card:nth-child(even){padding-left:40px;padding-right:0}
    .testi-card blockquote{margin:0;font-size:clamp(17px,1.6vw,21px);line-height:1.5;letter-spacing:-.02em;font-weight:520;color:#26363c;text-wrap:pretty}
    .testi-card blockquote::before{content:"\201C";display:block;font-family:Georgia,"Times New Roman",serif;font-size:40px;line-height:.6;color:#9fb0aa;margin-bottom:14px}
    .testi-card figcaption{display:flex;flex-direction:column;gap:3px;margin-top:auto}
    .testi-card figcaption b{font-size:14px;font-weight:750;letter-spacing:-.01em}
    .testi-card figcaption span{font-size:12.5px;color:#6b7873}
    @media(max-width:800px){.testi-head{grid-template-columns:1fr;gap:18px;margin-bottom:40px}.testi-grid{grid-template-columns:1fr}.testi-card,.testi-card:nth-child(odd),.testi-card:nth-child(even){padding:30px 0;border-right:0}}
    @media(max-width:540px){.testimonials{padding:85px 0}.testi-card{gap:20px}}
    /* Promo popup — jasa pembuatan website */
    .promo-pop{position:fixed;bottom:26px;right:26px;z-index:120;width:min(364px,calc(100vw - 40px));max-height:calc(100vh - 52px);overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:28px 26px 24px;background:linear-gradient(158deg,#2f6ac6 0%,#1f4c93 100%);color:#eef4ff;border:1px solid #5b86cf;box-shadow:0 34px 80px #1a3f7a4d;border-radius:3px;transform:translateX(calc(100% + 40px));opacity:0;visibility:hidden;transition:transform .9s var(--ease),opacity .9s var(--ease),visibility .9s}
    .promo-pop.show{transform:translateX(0);opacity:1;visibility:visible}
    .promo-close{position:absolute;top:12px;right:12px;width:30px;height:30px;display:grid;place-items:center;background:#ffffff1f;border:1px solid #ffffff40;border-radius:50%;color:#eaf1ff;font-size:16px;line-height:1;transition:background .2s,color .2s}
    .promo-close:hover{background:#ffffff;color:#1f4c93}
    .promo-close:focus-visible{outline:3px solid #a9cdff;outline-offset:3px}
    .promo-badge{align-self:flex-start;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#eaf1ff;background:#ffffff1f;border:1px solid #ffffff45;padding:6px 10px;border-radius:2px}
    .promo-title{margin:0;font-size:21px;line-height:1.18;font-weight:640;letter-spacing:-.03em}
    .promo-desc{margin:0;font-size:13px;line-height:1.7;color:#d3e0f7}
    .promo-price{display:flex;align-items:baseline;gap:11px}
    .promo-price s{color:#a9c0e6;font-size:14px}
    .promo-price b{color:#ffffff;font-weight:800;font-size:25px;letter-spacing:-.03em}
    .promo-code{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px dashed #ffffff5c;border-radius:2px;padding:10px 14px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:#c4d6f2}
    .promo-code b{font-size:14px;letter-spacing:.14em;color:#ffffff}
    .promo-timer{padding:13px 16px;background:#ffffff1a;border:1px solid #ffffff38;border-radius:2px;display:flex;align-items:center;justify-content:space-between;gap:12px}
    .promo-timer-label{font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:#cfddf6;max-width:110px;line-height:1.35}
    .promo-count{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;letter-spacing:.02em;color:#ffffff}
    .promo-pop .btn{width:100%}
    .promo-note{font-size:10.5px;line-height:1.55;color:#c2d3ef}
    @media(max-width:640px){
      .promo-pop{top:auto;bottom:12px;left:12px;right:12px;width:auto;max-height:none;padding:16px 40px 16px 16px;gap:9px;transform:translateY(calc(100% + 30px))}
      .promo-pop.show{transform:translateY(0)}
      .promo-close{top:9px;right:9px;width:26px;height:26px;font-size:14px}
      .promo-badge{font-size:9px;padding:4px 8px;letter-spacing:.12em}
      .promo-title{font-size:16px;line-height:1.2}
      .promo-desc{display:none}
      .promo-price{gap:8px}
      .promo-price s{font-size:12px}
      .promo-price b{font-size:19px}
      .promo-code{display:none}
      .promo-timer{padding:8px 12px}
      .promo-timer-label{font-size:9px;max-width:92px}
      .promo-count{font-size:16px}
      .promo-pop .btn{min-height:44px;font-size:12px;padding:11px 14px;gap:12px}
      .promo-note{display:none}
    }