body.akgm-project:has(.akdk) { margin:0; background:#f4f1ea; }
.akgm-work-main:has(.akdk) { padding-top:72px; }
.akdk, .akdk * { box-sizing:border-box; }
.akdk { overflow:hidden; color:#173d33; background:#f4f1ea; font-family:'Plus Jakarta Sans',Arial,sans-serif; }
.akdk-shell { width:min(100% - clamp(40px,10vw,180px),1390px); margin-inline:auto; }
.akdk h1,.akdk h2,.akdk h3,.akdk p,.akdk figure { margin:0; }
.akdk h1,.akdk h2,.akdk h3 { color:inherit!important; }
.akdk h1,.akdk h2 { font-weight:500; letter-spacing:-.07em; }
.akdk p { line-height:1.65; }
.akdk-topline { display:flex; justify-content:space-between; gap:24px; padding:39px 0 74px; border-top:1px solid #a9b9ab; color:#537064; font-size:11px; font-weight:700; letter-spacing:.15em; }
.akdk-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.35fr); gap:7%; align-items:end; padding-bottom:90px; }
.akdk-kicker,.akdk-side-label,.akdk-section-heading>span { color:#426c5e; font-size:11px; font-weight:700; letter-spacing:.17em; }
.akdk-kicker { margin-bottom:28px!important; }
.akdk h1 { font-size:clamp(66px,8.4vw,132px); line-height:.97; }
.akdk h1 em { color:#e6312d; font-style:normal; }
.akdk-hero-aside { padding-bottom:7px; }
.akdk-hero-aside>p { margin:47px 0 50px; max-width:315px; font-size:clamp(16px,1.3vw,19px); line-height:1.58; }
.akdk-orbit { display:block; width:45px; height:45px; border:1px solid #e6312d; border-radius:50%; position:relative; }
.akdk-orbit:after { content:""; position:absolute; inset:14px; border-radius:50%; background:#e6312d; animation:akdk-breathe 5s ease-in-out infinite; }
@keyframes akdk-breathe { 50% { transform:scale(1.2); opacity:.65; } }
.akdk-scroll { border-top:1px solid #a9b9ab; display:flex; justify-content:space-between; padding-top:16px; font-size:11px; font-weight:700; letter-spacing:.15em; }
.akdk-scroll span { font-size:19px; line-height:1; }
.akdk-hero-visual { position:relative; max-height:750px; overflow:hidden; background:#ddd9d4; }
.akdk-hero-visual img { display:block; width:100%; height:clamp(440px,51vw,750px); object-fit:cover; object-position:center 49%; }
.akdk-image-caption { position:absolute; bottom:0; left:0; padding:13px clamp(20px,5vw,90px); background:#f4f1ea; color:#31584c; font-size:11px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.akdk-intro { display:grid; grid-template-columns:30% 1fr; gap:5%; padding-block:140px 165px; }
.akdk-side-label { padding-top:15px; }
.akdk-intro h2,.akdk-section-heading h2,.akdk-detail h2 { font-size:clamp(43px,5.2vw,77px); line-height:1.08; }
.akdk-intro-main>p:first-of-type { max-width:720px; margin:44px 0 65px; color:#405b51; font-size:clamp(17px,1.6vw,22px); line-height:1.6; }
.akdk-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; padding:24px 0 31px; border-top:1px solid #a9b9ab; border-bottom:1px solid #a9b9ab; }
.akdk-facts span { display:block; margin-bottom:13px; color:#6c8175; font-size:10px; font-weight:700; letter-spacing:.13em; }
.akdk-facts strong { font-size:13px; font-weight:600; line-height:1.55; }
.akdk-disclosure { max-width:700px; margin-top:24px!important; color:#64776c; font-size:13px; }
.akdk-process { background:#173d33; color:#f4f1ea; padding:125px 0 145px; }
.akdk-process .akdk-section-heading>span { color:#a8c1b2; }
.akdk-section-heading { display:grid; grid-template-columns:30% 1fr; column-gap:5%; align-items:start; }
.akdk-section-heading>span { padding-top:15px; }
.akdk-section-heading>p { grid-column:2; max-width:630px; margin-top:30px; color:#526b5d; font-size:17px; }
.akdk-process-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin-top:92px; border-top:1px solid #557268; }
.akdk-process-grid>div { padding-top:24px; }
.akdk-process-grid b { color:#a2b8aa; font-size:12px; font-weight:500; }
.akdk-process-grid h3 { margin:68px 0 17px; font-size:clamp(24px,2.1vw,33px); font-weight:500; letter-spacing:-.04em; }
.akdk-process-grid p { max-width:275px; color:#bdcec2; font-size:14px; }
.akdk-boards { padding-block:140px 130px; }
.akdk-mockup-stage { display:flex; justify-content:center; align-items:center; gap:clamp(18px,4vw,70px); margin-top:90px; min-height:690px; padding:65px 40px; background:#e7e7e4; }
.akdk-phone { flex:0 1 280px; aspect-ratio:434/770; padding:7px; border:8px solid #242927; border-radius:27px; background:#242927; box-shadow:0 28px 60px #26352e2b,0 5px 15px #26352e21; }
.akdk-phone--one,.akdk-phone--three { transform:translateY(25px); }
.akdk-phone-glass { width:100%; height:100%; border-radius:12px; background-image:url('dkms/screens.webp'); background-repeat:no-repeat; background-size:414.7% 165.5%; background-position:var(--screen-x) 50.2%; }
.akdk-caption { margin-top:17px!important; color:#68786e; font-size:12px; }
.akdk-detail { padding:110px 0; background:#ebece7; }
.akdk-detail-grid { display:grid; grid-template-columns:.68fr 1fr; gap:8%; align-items:center; }
.akdk-detail h2 { margin:35px 0 30px; }
.akdk-detail-copy>p { max-width:430px; color:#4d6659; font-size:16px; }
.akdk-detail figure img { display:block; width:100%; height:auto; }
.akdk-detail figcaption,.akdk-journey figcaption { margin-top:13px; color:#64766c; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.akdk-palette { display:flex; gap:26px; flex-wrap:wrap; margin-top:75px; }
.akdk-palette span { display:flex; align-items:center; gap:9px; color:#557064; font-size:10px; font-weight:700; letter-spacing:.08em; }
.akdk-palette i { display:block; width:20px; height:20px; border:1px solid #b4c0b5; border-radius:50%; }
.akdk-journey { padding-block:140px 155px; }
.akdk-journey-images { display:grid; grid-template-columns:1fr 1fr; gap:25px; margin-top:70px; }
.akdk-journey img { display:block; width:100%; height:auto; }
.akdk-next { background:#173d33; color:#f4f1ea; }
.akdk-next .akdk-shell { display:flex; justify-content:space-between; align-items:end; gap:30px; padding-block:65px; }
.akdk-next span { font-size:11px; font-weight:700; letter-spacing:.15em; }
.akdk-next a,.akdk-next a:visited { color:inherit!important; font-size:clamp(35px,5vw,70px); font-weight:500; letter-spacing:-.06em; text-decoration:none!important; line-height:1; }
.akdk-next a span { margin-left:20px; font-size:.6em; letter-spacing:0; }
.akdk a:focus-visible { outline:3px solid #2154ff; outline-offset:5px; }
@media(max-width:900px) { .akdk-hero-grid { grid-template-columns:1fr .4fr; }.akdk-intro,.akdk-section-heading { grid-template-columns:24% 1fr; }.akdk-mockup-stage { min-height:0; }.akdk-phone { border-width:5px; padding:4px; border-radius:19px; } }
@media(max-width:700px) { .akgm-work-main:has(.akdk) { padding-top:64px; }.akdk-topline { padding:28px 0 52px; font-size:9px; }.akdk-topline span:last-child { text-align:right; }.akdk-hero-grid,.akdk-intro,.akdk-section-heading,.akdk-detail-grid { display:block; }.akdk h1 { font-size:clamp(61px,13vw,90px); }.akdk-hero-aside { display:flex; align-items:end; gap:20px; margin-top:45px; }.akdk-orbit { flex:none; }.akdk-hero-aside>p { margin:0; font-size:15px; }.akdk-scroll { display:none; }.akdk-hero-grid { padding-bottom:60px; }.akdk-hero-visual img { height:420px; }.akdk-intro { padding-block:90px; }.akdk-side-label,.akdk-section-heading>span { display:block; margin-bottom:26px; }.akdk-intro-main>p:first-of-type { margin:30px 0 50px; }.akdk-facts { grid-template-columns:1fr 1fr; gap:25px 14px; }.akdk-process { padding:90px 0; }.akdk-process-grid { grid-template-columns:1fr 1fr; gap:35px 20px; margin-top:55px; }.akdk-process-grid h3 { margin:30px 0 12px; }.akdk-boards,.akdk-journey { padding-block:90px; }.akdk-section-heading>p { margin-top:24px; }.akdk-mockup-stage { gap:7px; margin-top:45px; padding:35px 18px; }.akdk-phone { border-width:3px; padding:2px; border-radius:12px; }.akdk-phone--one,.akdk-phone--three { transform:translateY(10px); }.akdk-phone-glass { border-radius:5px; }.akdk-detail { padding:75px 0; }.akdk-detail figure { margin-top:45px; }.akdk-palette { margin-top:35px; }.akdk-journey-images { grid-template-columns:1fr; gap:38px; margin-top:50px; }.akdk-next .akdk-shell { padding-block:50px; }.akdk-next a { white-space:nowrap; } }
@media(max-width:390px) { .akdk-topline { gap:8px; }.akdk h1 { font-size:56px; }.akdk-mockup-stage { padding:25px 10px; gap:4px; } }
@media(prefers-reduced-motion:reduce) { .akdk-orbit:after { animation:none; } }