@font-face{font-family:Archivo;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/a2947afc6a06879b-s.138s14ivx2xer.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/651aaf1801011892-s.3b2emle-7szv-.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/75affa71d1e2f6a7-s.p.13rul5q9jl2r0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/a2947afc6a06879b-s.138s14ivx2xer.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/651aaf1801011892-s.3b2emle-7szv-.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/75affa71d1e2f6a7-s.p.13rul5q9jl2r0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(../media/a2947afc6a06879b-s.138s14ivx2xer.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(../media/651aaf1801011892-s.3b2emle-7szv-.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(../media/75affa71d1e2f6a7-s.p.13rul5q9jl2r0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-weight:900;font-stretch:100%;font-display:swap;src:url(../media/a2947afc6a06879b-s.138s14ivx2xer.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-weight:900;font-stretch:100%;font-display:swap;src:url(../media/651aaf1801011892-s.3b2emle-7szv-.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:900;font-stretch:100%;font-display:swap;src:url(../media/75affa71d1e2f6a7-s.p.13rul5q9jl2r0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Fallback;src:local(Arial);ascent-override:88.96%;descent-override:21.28%;line-gap-override:0.0%;size-adjust:98.7%}.archivo_b8d5b20-module__7eEDEW__className{font-family:Archivo,Archivo Fallback;font-style:normal}.archivo_b8d5b20-module__7eEDEW__variable{--font-head:"Archivo", "Archivo Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_4c0f8316-module__sJ3YeW__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_4c0f8316-module__sJ3YeW__variable{--font-body:"Inter", "Inter Fallback"}
@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/4ba802ed8e67eac5-s.341_rbs6dql3t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d7a0600e467cf0bd-s.40d3ll7mho212.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/dc0d9adbac686440-s.p.3-4lwpipb4a4k.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b8f2b92a9960dd69-s.37aqrzupgb8zi.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/28e60ca39c9ae554-s.0e_5-ojqbtsw9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/8d05cfa5faa8406c-s.p.2p-978ij53_v6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono Fallback;src:local(Arial);ascent-override:81.58%;descent-override:26.3%;line-gap-override:0.0%;size-adjust:137.28%}.space_mono_7e669a30-module__RoWJ-W__className{font-family:Space Mono,Space Mono Fallback;font-style:normal}.space_mono_7e669a30-module__RoWJ-W__variable{--font-mono:"Space Mono", "Space Mono Fallback"}
.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.container{width:100%}.block{display:block}.grid{display:grid}.hidden{display:none}.h-full{height:100%}.w-full{width:100%}.cursor-grab{cursor:grab}.scroll-smooth{scroll-behavior:smooth}.object-cover{object-fit:cover}.active\:cursor-grabbing:active{cursor:grabbing}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--white:#fcfcf7;--page:var(--white);--primary-light:#e8f0ff;--accent:#d9f00b;--accent-light:#f1fbc6;--ink:#0b1220;--gray:#4c566b;--on-primary:#fff;--primary:#1d4ed8;--primary-hover:#1e40af;--primary-deep:#1d4ed8;--primary-deep-hover:#1e40af;--ink-on-accent:#0b1220;--ink-on-accent-soft:#0b1220bd;--line:var(--ink);--footer-bg:#0b1220;--footer-text:#c7d2e5;--footer-dim:#9faac4;--footer-line:#2a3550;--pat-dots:8%;--pat-grid:7%;--pat-hatch:5%;--deco-a:10%;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)' opacity='0.05'/%3E%3C/svg%3E");--pattern-dots:radial-gradient(var(--line) 1px, transparent 1px)}@supports (color:color-mix(in lab, red, red)){:root{--pattern-dots:radial-gradient(color-mix(in srgb, var(--line) var(--pat-dots), transparent) 1px, transparent 1px)}}:root{--pattern-grid:repeating-linear-gradient(90deg, var(--line) 0 1px, transparent 1px 32px), repeating-linear-gradient(0deg, var(--line) 0 1px, transparent 1px 32px)}@supports (color:color-mix(in lab, red, red)){:root{--pattern-grid:repeating-linear-gradient(90deg, color-mix(in srgb, var(--line) var(--pat-grid), transparent) 0 1px, transparent 1px 32px), repeating-linear-gradient(0deg, color-mix(in srgb, var(--line) var(--pat-grid), transparent) 0 1px, transparent 1px 32px)}}:root{--pattern-hatch:repeating-linear-gradient(45deg, var(--line) 0 2px, transparent 2px 9px)}@supports (color:color-mix(in lab, red, red)){:root{--pattern-hatch:repeating-linear-gradient(45deg, color-mix(in srgb, var(--line) var(--pat-hatch), transparent) 0 2px, transparent 2px 9px)}}:root{--border:2px solid var(--line);--radius:6px;--shadow:4px 4px 0 var(--line);--shadow-sm:3px 3px 0 var(--line);--shadow-lg:7px 7px 0 var(--line);--shadow-press:1px 1px 0 var(--line);--font-head:"Archivo", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"Space Mono", monospace;--nav-h:72px;--leave-ms:.18s}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#05080f;--white:#101a2f;--primary-light:#0a1120;--accent:#a8cf3c;--accent-light:#12180a;--ink:#e6ebf7;--gray:#8f9cbb;--on-primary:#fff;--primary:#7c9cff;--primary-hover:#93aeff;--primary-deep:#213a7d;--primary-deep-hover:#2c4b9c;--line:#36486e;--footer-bg:#03050b;--footer-text:#a8b5ce;--footer-dim:#7d8aa6;--footer-line:#1c2437;--pat-dots:10%;--pat-grid:9%;--pat-hatch:7%;--deco-a:14%;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)' opacity='0.035'/%3E%3C/svg%3E");--shadow:4px 4px 0 var(--line);--shadow-sm:3px 3px 0 var(--line);--shadow-lg:7px 7px 0 var(--line)}html.theme-transition *,html.theme-transition :before,html.theme-transition :after{transition:background-color .4s,color .4s,border-color .4s,box-shadow .4s,fill .4s!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:88px}body{font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;background-color:var(--page);background-image:var(--grain), var(--pattern-dots);background-size:auto,26px 26px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-head);color:var(--ink);letter-spacing:-.015em;font-weight:800;line-height:1.2}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit}:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.container{max-width:1180px;margin:0 auto;padding:0 20px;position:relative}.section{z-index:0;padding:84px 0;position:relative}.section-alt,.pricing-section,.why-section,.kontakt-section{border-top:var(--border);border-bottom:var(--border)}.section-alt,.kontakt-section,.why-section{background-color:var(--primary-light);background-image:var(--grain), var(--pattern-grid)}.pricing-section{background-color:var(--accent-light);background-image:var(--grain), var(--pattern-hatch)}.section-header{max-width:660px;margin-bottom:40px}.section-header.center{text-align:center;margin-left:auto;margin-right:auto}.section-header.center .section-subtitle{margin-left:auto;margin-right:auto}.section-eyebrow{background:var(--accent);color:var(--ink-on-accent);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);font-family:var(--font-head);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;margin-bottom:18px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.section-eyebrow i{color:var(--ink-on-accent)}.section-title{text-transform:uppercase;margin-bottom:12px;font-size:clamp(28px,4vw,40px)}.section-subtitle{color:var(--gray);font-size:16px;font-weight:500}.btn{min-height:46px;font-family:var(--font-head);text-transform:uppercase;letter-spacing:.02em;border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:var(--white);color:var(--ink);justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.btn:hover{box-shadow:var(--shadow-lg);transform:translate(-2px,-2px)}.btn:active{box-shadow:var(--shadow-press);transform:translate(1px,1px)}.btn i{font-size:16px}.btn-primary{background:var(--primary-deep);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-deep-hover)}.btn-whatsapp{color:#fff;background:#22c55e;border-color:#15803d}.btn-whatsapp:hover{background:#16a34a}.site-nav{z-index:900;background:var(--white);border-bottom:var(--border);position:sticky;top:0}.nav-inner{height:var(--nav-h);justify-content:space-between;align-items:center;gap:24px;display:flex}.logo{font-family:var(--font-head);text-transform:uppercase;flex-shrink:0;font-size:22px;font-weight:900;line-height:1}.logo small{font-family:var(--font-body);color:var(--gray);text-transform:none;letter-spacing:.04em;margin-top:2px;font-size:11px;font-weight:600;display:block}.nav-links{align-items:center;gap:2px;display:flex}.nav-links a{font-family:var(--font-head);text-transform:uppercase;white-space:nowrap;border-radius:var(--radius);border:2px solid #0000;padding:8px 9px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s;display:block}.nav-links a:hover{background:var(--primary-light)}.nav-links a.active{background:var(--accent);color:var(--ink-on-accent);border-color:var(--line)}.nav-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.menu-toggle{background:var(--white);width:46px;height:46px;color:var(--ink-on-accent);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:var(--accent);place-items:center;font-size:20px;transition:transform .15s,box-shadow .15s,background .15s,color .15s;display:none}.overlay{z-index:1000;opacity:0;visibility:hidden;background:#0b12208c;transition:opacity .25s,visibility .25s;position:fixed;inset:0}.overlay.open{opacity:1;visibility:visible}.sidebar{z-index:1100;background:var(--white);border-left:var(--border);flex-direction:column;width:min(320px,86vw);padding:24px;transition:transform .28s;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.sidebar.open{transform:translate(0)}.sidebar-head{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.sidebar-close{background:var(--white);border:var(--border);border-radius:var(--radius);place-items:center;width:44px;height:44px;font-size:22px;display:grid}.sidebar-nav{flex-direction:column;flex:1;gap:6px;display:flex}.sidebar-nav a{font-family:var(--font-head);text-transform:uppercase;border-radius:var(--radius);border:2px solid #0000;align-items:center;gap:12px;padding:12px 14px;font-size:15px;font-weight:700;transition:background .15s,border-color .15s;display:flex}.sidebar-nav a i{color:var(--primary);font-size:16px}.sidebar-nav a:hover{background:var(--primary-light)}.sidebar-nav a.active{background:var(--accent);color:var(--ink-on-accent);border-color:var(--line)}.sidebar-nav a.active i{color:var(--ink-on-accent)}.sidebar-foot{border-top:var(--border);flex-direction:column;gap:12px;margin-top:auto;padding-top:22px;display:flex}.hero{z-index:0;isolation:isolate;background-color:var(--page);background-image:var(--grain);padding:64px 0 84px;position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;pointer-events:none;background-image:var(--pattern-grid);position:absolute;inset:0}.hero:after{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(var(--line) 1.35px, transparent 1.35px);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.hero:after{background-image:radial-gradient(color-mix(in srgb, var(--line) 11%, transparent) 1.35px, transparent 1.35px)}}.hero:after{background-size:20px 20px}.hero-inner{grid-template-columns:1.05fr .95fr;align-items:center;gap:44px;max-width:1180px;margin:0 auto;padding-bottom:64px;display:grid}.hero-eyebrow{background:var(--accent);color:var(--ink-on-accent);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);font-family:var(--font-head);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:18px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.hero-eyebrow i{color:var(--ink-on-accent)}.hero-title{text-transform:uppercase;margin-bottom:18px;font-size:clamp(34px,5vw,56px);font-weight:900}.highlight{background:var(--accent);color:var(--ink-on-accent);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:2px 12px;display:inline-block;transform:rotate(-1.5deg)}.hero-desc{color:var(--gray);max-width:540px;margin-bottom:28px;font-size:16px;font-weight:500}.hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:26px;display:flex}.hero-trust{font-family:var(--font-head);text-transform:uppercase;color:var(--gray);flex-wrap:wrap;gap:18px;font-size:13px;font-weight:700;display:flex}.hero-trust i{color:var(--primary);margin-right:4px}.hero-visual-col{position:relative}.tech-row{margin-top:30px}.tech-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gray);margin-bottom:12px;font-size:11px;font-weight:700;display:block}.tech-icons{flex-wrap:wrap;gap:10px;display:flex}.tech-chip{border:var(--border);background:var(--white);width:46px;height:46px;box-shadow:var(--shadow-sm);border-radius:var(--radius);place-items:center;font-size:1.3rem;transition:transform .15s,box-shadow .15s;display:grid;position:relative}.tech-chip:hover{box-shadow:var(--shadow-lg);transform:translate(-2px,-2px)}.tech-chip i{place-items:center;width:100%;height:100%;display:grid}.tech-chip:after{content:attr(data-tech);border:var(--border);border-radius:var(--radius);background:var(--white);color:var(--ink);box-shadow:var(--shadow-sm);font-family:var(--font-head);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;z-index:40;padding:5px 10px;font-size:11px;font-weight:700;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(4px)}.tech-chip:hover:after,.tech-chip:focus-visible:after{opacity:1;transform:translate(-50%)translateY(0)}.icon-html{color:#e34f26}.icon-css{color:#1572b6}.icon-js{color:#d4a017}.icon-php{color:#6f74b0}.icon-laravel{color:#e0332a}.icon-bootstrap{color:#7a52b3}.icon-git{color:#e8502a}.icon-mysql{color:#3f79a4}.neo-card{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .16s,box-shadow .16s}.neo-card:hover{transform:translate(-3px, -3px) rotate(var(--tilt,0deg));box-shadow:var(--shadow-lg)}.about-card:nth-child(odd){--tilt:-.9deg}.about-card:nth-child(2n){--tilt:.9deg}.tentang-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:48px;display:grid}.section-intro .section-subtitle{margin-top:10px}.tentang-photo{max-width:380px;margin-inline:auto;position:relative}.profile-frame{aspect-ratio:1;border:var(--border);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);background:var(--accent-light);position:relative;overflow:hidden;transform:rotate(-1.6deg)}.profile-frame img{object-fit:cover}.profile-meta{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;display:flex}.profile-meta span{background:var(--accent);color:var(--ink-on-accent);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);font-family:var(--font-head);text-transform:uppercase;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.profile-meta span i{color:var(--ink-on-accent)}.about-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:52px;display:grid}.about-card{padding:24px 22px;position:relative}.about-card-num{font-family:var(--font-mono);opacity:.6;font-size:13px;font-weight:700;position:absolute;top:16px;right:18px}.about-card-icon{background:var(--primary-deep);width:50px;height:50px;color:var(--on-primary);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);place-items:center;margin-bottom:16px;font-size:23px;display:grid}.about-card h3{margin-bottom:10px;font-size:18px}.about-card p{color:var(--gray);font-size:14px;font-weight:500}.about-card.tone-lime{background:var(--accent);color:var(--ink-on-accent)}.about-card.tone-lime h3{color:var(--ink-on-accent)}.about-card.tone-lime p{color:var(--ink-on-accent-soft)}.about-card.tone-lime .about-card-icon{background:var(--white);color:var(--primary)}.about-card.tone-blue{background:var(--primary-light)}.about-card.tone-gray{background:var(--white)}.about-card.tone-gray .about-card-icon{background:var(--primary-light);color:var(--primary)}.service-sticker{background:var(--accent);color:var(--ink-on-accent);--tilt:-.6deg;grid-template-columns:auto 1fr auto;align-items:center;gap:26px;margin-bottom:26px;padding:24px 28px;display:grid}.service-sticker:hover{--tilt:0deg}.service-sticker-icon{background:var(--white);width:62px;height:62px;color:var(--primary);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);place-items:center;font-size:28px;display:grid}.service-sticker-tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-on-accent-soft);margin-bottom:8px;font-size:11px;font-weight:700;display:inline-block}.service-sticker h3{color:var(--ink-on-accent);margin-bottom:4px;font-size:22px}.service-sticker p{color:var(--ink-on-accent-soft);max-width:620px;font-size:14px}.service-sticker-buy{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.service-sticker-price{color:var(--ink-on-accent-soft);text-align:right;font-size:12px;font-weight:600}.service-sticker-price b{font-family:var(--font-head);color:var(--ink-on-accent);margin-top:2px;font-size:24px;display:block}.services-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.service-card{flex-direction:column;padding:26px 24px;display:flex}.service-icon{background:var(--primary-deep);width:52px;height:52px;color:var(--on-primary);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);place-items:center;margin-bottom:18px;font-size:24px;display:grid}.service-icon[data-tone=deep]{background:var(--primary-deep);color:var(--on-primary)}.service-icon[data-tone=blue-light]{background:var(--primary-light);color:var(--primary)}.service-icon[data-tone=lime]{background:var(--accent);color:var(--ink-on-accent)}.service-card h3{min-height:2.8em;margin-bottom:10px;font-size:18px;line-height:1.4}.service-card p{color:var(--gray);margin-bottom:18px;font-size:14px;font-weight:500;line-height:1.55}.service-price{color:var(--gray);margin-top:auto;font-size:13px;font-weight:600}.service-price b{font-family:var(--font-head);color:var(--ink);margin-top:2px;font-size:21px;display:block}.service-footer{border-top:var(--border);margin-top:16px;padding-top:16px}.service-link{font-family:var(--font-head);text-transform:uppercase;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.service-link:after{content:"→";font-size:16px;transition:transform .16s}.service-card:hover .service-link:after{transform:translate(4px)}.skills-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.skill-panel{padding:24px}.skill-panel-head{border-bottom:var(--border);font-family:var(--font-head);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;font-size:13px;font-weight:700;display:flex}.skill-panel-count{font-family:var(--font-mono);color:var(--gray)}.skill-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.skill-chip{background:var(--white);border:var(--border);border-radius:var(--radius);font-family:var(--font-head);align-items:center;gap:10px;padding:13px 14px;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex}.skill-chip i{font-size:17px}.skill-chip:hover{box-shadow:var(--shadow-sm);transform:translate(-2px,-2px)}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:26px;display:grid}.pricing-card{flex-direction:column;padding:30px 28px;display:flex;position:relative}.pricing-card h3{margin-bottom:8px;font-size:22px}.pricing-desc{color:var(--gray);margin-bottom:18px;font-size:14px;font-weight:500}.pricing-price{font-family:var(--font-head);margin-bottom:20px;font-size:clamp(26px,3vw,32px);font-weight:900}.pricing-features{flex-direction:column;gap:11px;margin-bottom:26px;display:flex}.pricing-features li{align-items:flex-start;gap:10px;font-size:14px;font-weight:500;display:flex}.pricing-features .bi{color:var(--primary);margin-top:2px;font-size:16px}.pricing-card .btn{width:100%;margin-top:auto}.pricing-card.popular{background:var(--primary-deep);color:var(--on-primary);outline:3px solid var(--accent);outline-offset:3px}.pricing-card.popular h3,.pricing-card.popular .pricing-price{color:var(--on-primary)}.pricing-card.popular .pricing-desc,.pricing-card.popular .pricing-features li{color:var(--on-primary);opacity:.86}.pricing-card.popular .pricing-features .bi{color:var(--accent)}.pricing-card.popular .btn{background:var(--accent);color:var(--ink-on-accent);border-color:var(--line)}.badge-popular{background:var(--accent);color:var(--ink-on-accent);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);font-family:var(--font-head);text-transform:uppercase;padding:5px 12px;font-size:12px;font-weight:800;position:absolute;top:-14px;right:18px}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.portfolio-card{flex-direction:column;padding:0;display:flex;overflow:hidden}.js .portfolio-card.reveal{transition:opacity .5s,transform .5s,translate .25s,box-shadow .25s}.portfolio-card:hover{transform:none}.portfolio-card:hover,.js .portfolio-card.reveal.is-visible:hover{box-shadow:var(--shadow-lg);translate:0 -6px}.portfolio-img{object-fit:cover;border-bottom:var(--border);background:var(--primary-light);width:100%;height:190px;transition:scale .35s}.portfolio-card:hover .portfolio-img{scale:1.03}.portfolio-content{flex-direction:column;flex:1;padding:20px 22px 22px;display:flex}.portfolio-title{margin-bottom:10px;font-size:17px}.portfolio-card .portfolio-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;line-height:1.35;display:-webkit-box;overflow:hidden}.portfolio-badge{background:var(--accent);color:var(--ink-on-accent);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);font-family:var(--font-head);text-transform:uppercase;align-self:flex-start;margin-bottom:12px;padding:3px 10px;font-size:11px;font-weight:700}.portfolio-desc{color:var(--gray);margin-bottom:18px;font-size:13px;font-weight:500}.portfolio-actions{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.portfolio-btn{background:var(--primary-deep);min-height:44px;color:var(--on-primary);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);font-family:var(--font-head);text-transform:uppercase;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}a.portfolio-btn:hover{background:var(--primary-deep-hover);box-shadow:var(--shadow-lg);transform:translate(-2px,-2px)}.portfolio-btn.github{color:#fff;background:#1f2937;border-color:#111827}.portfolio-btn.github:hover{background:#111827}.portfolio-btn.disabled{background:var(--primary-light);color:var(--gray);box-shadow:none;cursor:not-allowed;border-style:dashed}.why-inner{text-align:center;max-width:860px;margin:0 auto}.features-list{text-align:left;flex-direction:column;margin-top:30px;display:flex}.feature-item{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:20px;padding:20px 22px;transition:transform .16s,box-shadow .16s;display:flex}.feature-item+.feature-item{margin-top:14px}.feature-item:hover{box-shadow:var(--shadow);transform:translate(-3px,-3px)}.feature-num{font-family:var(--font-mono);color:var(--primary);min-width:42px;font-size:26px;font-weight:700;line-height:1}.feature-item-icon{background:var(--accent);width:46px;height:46px;color:var(--ink-on-accent);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-shrink:0;place-items:center;font-size:21px;display:grid}.feature-body h4{margin-bottom:3px;font-size:16px}.feature-body p{color:var(--gray);font-size:13.5px;font-weight:500}.why-btn-wrap{justify-content:center;margin-top:40px;display:flex}.process-timeline{max-width:920px;margin:0 auto;list-style:none}.process-item{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);grid-template-columns:40px 52px 1fr;align-items:center;gap:16px;margin-bottom:18px;padding:16px 22px 16px 16px;display:grid}.process-item:last-child{margin-bottom:0}.process-item-num{font-family:var(--font-mono);color:var(--gray);text-align:right;font-size:13px;font-weight:700}.process-item-icon{background:var(--accent);width:52px;height:52px;color:var(--ink-on-accent);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);place-items:center;font-size:23px;display:grid}.process-item-body h3{margin-bottom:3px;font-size:18px}.process-item-body p{color:var(--gray);max-width:520px;font-size:14px}.cta-section{background-color:var(--primary-deep);background-image:var(--grain);border-top:var(--border);border-bottom:var(--border);padding:60px 0}.cta-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:26px;display:flex}.cta-inner h2{text-transform:uppercase;color:var(--on-primary);max-width:620px;margin-bottom:8px;font-size:clamp(22px,3vw,30px)}.cta-inner p{color:var(--on-primary);opacity:.85;max-width:520px;font-size:15px;font-weight:500}.cta-actions{flex-wrap:wrap;gap:12px;display:flex}.cta-actions .btn:not(.btn-whatsapp){background:var(--accent);color:var(--ink-on-accent);border-color:var(--line)}.kontakt-box{background:var(--primary-deep);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:end;gap:40px;padding:clamp(28px,5vw,56px);display:grid;position:relative;overflow:hidden}.kontakt-eyebrow{background:var(--accent);color:var(--ink-on-accent);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);font-family:var(--font-head);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:18px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.kontakt-eyebrow i{color:var(--ink-on-accent)}.kontakt-title{max-width:720px;color:var(--on-primary);text-transform:uppercase;margin-bottom:12px;font-size:clamp(28px,4.6vw,46px);line-height:1.08}.kontakt-title span{background:var(--accent);color:var(--ink-on-accent);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-top:8px;padding:2px 14px;display:inline-block;transform:rotate(-1deg)}.kontakt-copy{max-width:620px;color:var(--on-primary);opacity:.88;font-size:15px}.kontakt-actions{gap:14px;display:grid}.kontakt-cta{background:var(--white);min-height:64px;color:var(--ink);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);font-family:var(--font-head);text-transform:uppercase;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;font-size:14px;font-weight:700;transition:transform .16s,box-shadow .16s;display:flex}.kontakt-cta:hover{box-shadow:var(--shadow-lg);transform:translate(-2px,-2px)}.kontakt-cta span{align-items:center;gap:10px;display:inline-flex}.kontakt-cta.whatsapp i:first-child{color:#16a34a}.kontakt-cta.instagram i:first-child{color:#e4405f}footer{background-color:var(--footer-bg);background-image:var(--grain);color:var(--footer-text);border-top:var(--border);padding:56px 0 24px}.footer-grid{border-bottom:2px solid var(--footer-line);grid-template-columns:1.4fr 1fr 1.2fr;gap:40px;margin-bottom:24px;padding-bottom:36px;display:grid}.footer-logo{font-family:var(--font-head);text-transform:uppercase;color:#fff;margin-bottom:12px;font-size:24px;font-weight:900}.footer-desc{margin-bottom:20px;font-size:14px;font-weight:500}.social-links{gap:12px;display:flex}.social-links a{background:var(--accent);width:44px;height:44px;color:var(--ink-on-accent);border:2px solid var(--line);border-radius:var(--radius);place-items:center;font-size:18px;transition:transform .16s,background .16s,color .16s;display:grid}.social-links a:hover{background:var(--primary-deep);color:#fff;transform:translate(-2px,-2px)}.footer-links h4{color:#fff;text-transform:uppercase;letter-spacing:.04em;margin-bottom:16px;font-size:15px}.footer-links li{margin-bottom:10px}.footer-links a{color:var(--footer-text);font-size:14px;font-weight:500;font-family:var(--font-head);text-transform:uppercase;transition:color .15s}.footer-links a:hover{color:var(--accent)}.footer-links .contact-item{color:var(--footer-text);gap:10px;font-size:14px;font-weight:500;display:flex}.footer-links .contact-item i{color:var(--accent)}.footer-bottom{color:var(--footer-dim);font-size:13px;font-weight:500}.intro{z-index:9999;background:var(--white);place-items:center;display:grid;position:fixed;inset:0}.intro-ending{pointer-events:none;animation:.45s cubic-bezier(.64,.04,.35,1) forwards introExit}@keyframes introExit{0%{transform:translateY(0)}to{visibility:hidden;transform:translateY(-101%)}}.intro-card{text-align:center;background:var(--accent);min-width:260px;color:var(--ink-on-accent);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);place-items:center;gap:6px;padding:36px 44px;animation:.55s cubic-bezier(.34,1.56,.64,1) .15s both stampIn;display:grid;position:relative}@keyframes stampIn{0%{opacity:0;box-shadow:0 0 0 var(--line);transform:scale(.7)rotate(-4deg)}55%{opacity:1;box-shadow:7px 7px 0 var(--line);transform:scale(1.08)rotate(.6deg)}70%{box-shadow:5px 5px 0 var(--line);transform:scale(.97)rotate(-.6deg)}to{box-shadow:4px 4px 0 var(--line);transform:scale(1)rotate(0)}}.intro-card-icon{color:var(--ink-on-accent);margin-bottom:4px;font-size:30px;line-height:1;display:block}.intro-card-title{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.01em;color:var(--ink-on-accent);font-size:clamp(30px,6vw,42px);font-weight:900;line-height:1.05}.intro-card-sub{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;color:var(--ink-on-accent-soft);font-size:12px;font-weight:700}.intro-tape{background:var(--accent-light);border:var(--border);pointer-events:none;border-radius:3px;width:96px;height:26px;animation:1.1s ease-in-out .3s infinite tapeWiggle;position:absolute}.intro-tape-top{margin-left:-48px;top:-14px;left:50%}.intro-tape-bottom{width:72px;margin-left:-36px;animation-delay:.55s;bottom:-14px;left:24%}@keyframes tapeWiggle{0%,to{transform:rotate(-8deg)scale(1)}50%{transform:rotate(-3deg)scale(1.08)}}.ig-font-sans{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.ig-post-wrap{width:min(100%,400px);margin-inline:auto;padding:18px 12px;position:relative}.ig-post{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:6px 6px 0 var(--line);transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;transform:rotate(1.2deg)}.ig-post:hover{box-shadow:10px 10px 0 var(--line);transform:rotate(0)translate(-3px,-3px)}.ig-post-head{background:var(--accent);color:var(--ink-on-accent);border-bottom:var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.ig-post-head-left{align-items:center;gap:10px;min-width:0;display:flex}.ig-post-avatar{border:var(--border);background:var(--white);width:38px;height:38px;box-shadow:2px 2px 0 var(--line);border-radius:50%;flex-shrink:0;overflow:hidden}.ig-post-avatar img{object-fit:cover;width:100%;height:100%}.ig-post-id{min-width:0}.ig-post-user{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.02em;color:var(--ink-on-accent);align-items:center;gap:4px;font-size:14px;font-weight:800;display:flex}.ig-post-verify{color:var(--primary);font-size:14px}.ig-post-loc{color:var(--ink-on-accent-soft);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.ig-post-menu{border:var(--border);border-radius:var(--radius);background:var(--white);width:34px;height:34px;box-shadow:2px 2px 0 var(--line);color:var(--ink);flex-shrink:0;place-items:center;font-size:18px;display:grid}.ig-post-media{aspect-ratio:1;background:var(--primary-light);border-bottom:var(--border);position:relative;overflow:hidden}.ig-post-stage{touch-action:none;position:absolute;inset:0}.ig-post-foot{background:var(--white);padding:12px 14px 14px}.ig-post-actions{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex;position:relative}.ig-post-icons{color:var(--ink);align-items:center;gap:18px;font-size:24px;display:flex}.ig-post-icon{place-items:center;transition:transform .15s;display:grid}.ig-post-icon.heart{color:#ff3040}.ig-post-icon.share{font-size:22px}.ig-post-dots{align-items:center;gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.ig-dot{border:2px solid var(--line);background:var(--primary-light);border-radius:50%;width:8px;height:8px}.ig-dot.active{background:var(--primary)}.ig-post-likes{margin-bottom:4px;font-size:14px;font-weight:700}.ig-post-caption{color:var(--ink);font-size:13px;line-height:1.55}.ig-caption-user{margin-right:4px;font-weight:700}.ig-caption-hl{background:var(--accent);color:var(--ink-on-accent);padding:1px 3px;font-weight:700}.ig-post-hashtags{color:var(--primary);font-weight:600}.ig-post-comments{color:var(--gray);margin-top:6px;font-size:13px;font-weight:500}.ig-post-time{letter-spacing:.08em;text-transform:uppercase;color:var(--gray);margin-top:4px;font-size:10px}.ig-sticker{white-space:nowrap;border:var(--border);border-radius:var(--radius);font-family:var(--font-head);letter-spacing:.06em;text-transform:uppercase;pointer-events:none;z-index:5;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex;position:absolute}.ig-sticker-lime{background:var(--accent);color:var(--ink-on-accent);box-shadow:var(--shadow-sm);animation:2.6s ease-in-out infinite tapeWiggle;top:-6px;right:-4px;transform:rotate(6deg)}.ig-sticker-lime i{color:var(--ink-on-accent);font-size:16px}.ig-sticker-blue{background:var(--primary-deep);color:var(--on-primary);box-shadow:var(--shadow-sm);bottom:-4px;left:-4px;transform:rotate(-4deg)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.site-nav .nav-inner{animation:.5s .1s both fadeInDown}.hero-inner>*{animation:.5s both fadeInUp}.hero-inner>:first-child{animation-delay:50ms}.hero-inner>:nth-child(2){animation-delay:.15s}.hero-inner>:nth-child(3){animation-delay:.25s}.hero-inner>:nth-child(4){animation-delay:.35s}.hero-inner>:nth-child(5){animation-delay:.45s}.js .reveal{opacity:0;transform:translateY(16px) rotate(var(--tilt,0deg));transition:opacity .5s,transform .5s}.js .reveal.is-visible{opacity:1;transform:rotate(var(--tilt,0deg))}.js .reveal-grid>:first-child{transition-delay:0s}.js .reveal-grid>:nth-child(2){transition-delay:70ms}.js .reveal-grid>:nth-child(3){transition-delay:.14s}.js .reveal-grid>:nth-child(4){transition-delay:.21s}.js .reveal-grid>:nth-child(5){transition-delay:.28s}.js .reveal-grid>:nth-child(6){transition-delay:.35s}html.intro-active .site-nav .nav-inner{animation-name:navDrop;animation-duration:.5s;animation-timing-function:cubic-bezier(.34,1.56,.64,1);animation-delay:1s;animation-fill-mode:both}html.intro-active .hero-inner>*{animation-name:popUp;animation-duration:.55s;animation-timing-function:cubic-bezier(.34,1.56,.64,1);animation-fill-mode:both}html.intro-active .hero-inner>:first-child{animation-delay:1.05s}html.intro-active .hero-inner>:nth-child(2){animation-delay:1.15s}html.intro-active .hero-inner>:nth-child(3){animation-delay:1.25s}html.intro-active .hero-inner>:nth-child(4){animation-delay:1.35s}html.intro-active .hero-inner>:nth-child(5){animation-delay:1.45s}@keyframes navDrop{0%{opacity:0;transform:translateY(-18px)}60%{opacity:1;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes popUp{0%{opacity:0;transform:translateY(24px)scale(.96)}60%{opacity:1;transform:translateY(-4px)scale(1.015)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;transition-delay:0s!important;animation-duration:.001ms!important;animation-delay:0s!important}.js .reveal{opacity:1;transform:rotate(var(--tilt,0deg))}.intro{display:none}}.hero-web-surprise{text-align:center;background-color:var(--primary-light);background-image:var(--grain), var(--pattern-grid);padding-top:96px;padding-bottom:96px}.hero-content-center{max-width:720px;margin:0 auto}.hero-title-center{text-transform:uppercase;margin-bottom:16px;font-size:clamp(36px,5vw,58px);line-height:1.08}.hero-desc-center{color:var(--gray);max-width:640px;margin:0 auto 26px;font-size:16px;font-weight:500;line-height:1.6}.hero-features-center{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:32px;display:flex}.hero-feature-pill{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);font-family:var(--font-head);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:700;display:inline-flex}.hero-feature-pill i{color:var(--primary);font-size:15px}.hero-actions-center{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:34px;display:flex}.btn-lg{min-height:54px;padding:14px 26px;font-size:15px}.hero-trust-badges{font-family:var(--font-head);color:var(--gray);flex-wrap:wrap;justify-content:center;gap:24px;font-size:13px;font-weight:700;display:flex}.trust-badge{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.trust-badge i{color:var(--primary)}.hero-web-surprise .hero-content-center>*{animation:.45s both heroEntrance}.hero-web-surprise .hero-content-center>:first-child{animation-delay:40ms}.hero-web-surprise .hero-content-center>:nth-child(2){animation-delay:80ms}.hero-web-surprise .hero-content-center>:nth-child(3){animation-delay:.14s}.hero-web-surprise .hero-content-center>:nth-child(4){animation-delay:.2s}.hero-web-surprise .hero-content-center>:nth-child(5){animation-delay:.28s}.hero-web-surprise .hero-content-center>:nth-child(6){animation-delay:.36s}.js .hero-web-surprise .reveal{opacity:1;transition:none;transform:none}@keyframes heroEntrance{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hero-feature-pill{animation:none}@media (max-width:768px){.hero-web-surprise{background-image:var(--pattern-grid)}}@media (prefers-reduced-motion:reduce){.hero-web-surprise .hero-content-center>*{animation:none}}#custom{scroll-margin-top:88px}.custom-cta-card{--tilt:0deg;grid-template-columns:1.2fr .8fr;align-items:center;gap:28px;padding:28px;display:grid}.custom-cta-card:hover{box-shadow:var(--shadow-lg);transform:translate(-2px,-2px)}.custom-cta-main{min-width:0}.custom-cta-main .section-title{font-size:clamp(24px,3.2vw,34px)}.custom-cta-benefits{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.custom-cta-pill{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);font-family:var(--font-head);white-space:nowrap;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.custom-cta-pill i{color:var(--primary);font-size:13px}.custom-cta-note{color:var(--gray);align-items:center;gap:8px;margin-top:12px;font-size:12px;font-weight:600;display:flex}.custom-cta-note i{color:var(--primary)}.custom-cta-side{align-content:start;gap:12px;display:grid}.custom-cta-side-card{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);text-align:left;--tilt:0deg;gap:4px;padding:16px 16px 14px;display:grid}.custom-cta-side-card i{background:var(--primary-light);width:36px;height:36px;color:var(--primary);border:var(--border);border-radius:var(--radius);place-items:center;margin-bottom:2px;font-size:16px;display:grid}.custom-cta-side-card strong{font-size:13px;line-height:1.2}.custom-cta-side-card span{color:var(--gray);font-size:12px;font-weight:600}.custom-cta-side-card.is-accent{background:var(--accent);color:var(--ink-on-accent)}.custom-cta-side-card.is-accent i{background:var(--white);color:var(--primary)}.custom-cta-side-card.is-accent span{color:var(--ink-on-accent-soft)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo-preview-box{background:var(--primary-light)}.demo-mockup-header{background:var(--white);border-bottom:var(--border);align-items:center;gap:12px;padding:8px 12px;display:flex}.demo-dots{flex-shrink:0;gap:6px;display:flex}.demo-dot{border:1.5px solid var(--line);border-radius:50%;width:9px;height:9px}.demo-dot.red{background:#ff5f56}.demo-dot.yellow{background:#ffbd2e}.demo-dot.green{background:#27c93f}.demo-mockup-url{text-overflow:ellipsis;white-space:nowrap;background:var(--primary-light);border:1.5px solid var(--line);min-width:0;font-family:var(--font-mono);color:var(--gray);border-radius:4px;flex:1;padding:3px 8px;font-size:10px;overflow:hidden}.demo-mockup-body{aspect-ratio:16/10;background-color:var(--accent-light);background-image:var(--pattern-dots);background-size:16px 16px;place-items:center;display:grid}.demo-placeholder-content{text-align:center;padding:16px}.demo-placeholder-content i{color:var(--primary);margin-bottom:8px;font-size:38px;display:block}.demo-placeholder-content h4{margin-bottom:3px;font-size:15px}.demo-placeholder-content p{color:var(--gray);font-size:11.5px;font-weight:600}.template-card{position:relative;overflow:hidden}.template-ribbon{z-index:3;background:var(--accent);width:auto;color:var(--ink-on-accent);border:var(--border);box-shadow:var(--shadow-sm);font-family:var(--font-head);text-transform:uppercase;letter-spacing:.06em;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;top:10px;left:auto;right:10px}.template-ribbon i{font-size:12px}.template-ribbon-hot{color:#fff;border-color:var(--line);background:#ea580c}.template-diskon-label{color:#fff;border:1.5px solid var(--line);font-family:var(--font-head);text-transform:uppercase;letter-spacing:.05em;background:#dc2626;border-radius:4px;align-self:flex-start;align-items:center;gap:5px;margin-top:2px;margin-bottom:8px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}.template-diskon-label i{font-size:11px}.template-head-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.template-head-row .portfolio-badge{margin-bottom:0}.template-card .demo-preview-box{border-bottom:var(--border);overflow:hidden}.template-card .demo-mockup-body{aspect-ratio:16/10;place-items:initial;padding:0;display:block;position:relative;overflow:hidden}.template-card .demo-image-container{width:100%;height:100%;position:absolute;inset:0}.template-card .demo-image-container img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .32s}.template-card:hover .demo-image-container img{transform:scale(1.06)}.template-card-special:hover{box-shadow:var(--shadow-lg)}.template-price-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:12px;display:flex}.template-price{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.template-price-original{font-family:var(--font-mono);color:var(--gray);font-size:13px;font-weight:700;text-decoration:line-through;text-decoration-thickness:1.5px}.template-price-promo{font-family:var(--font-head);color:var(--primary);font-size:20px;font-weight:900}.template-price-save{background:var(--accent);color:var(--ink-on-accent);border:1.5px solid var(--line);font-family:var(--font-head);text-transform:uppercase;letter-spacing:.05em;border-radius:4px;align-items:center;padding:3px 7px;font-size:10px;font-weight:800;display:inline-flex}.template-price-note{color:var(--gray);margin-top:4px;font-size:11px;font-weight:600}.template-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.template-wa-btn{flex:160px;min-height:44px;font-size:13px}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:22px;display:grid}.template-card{flex-direction:column;height:100%;display:flex}.template-card .portfolio-content{min-width:0}.template-card .portfolio-title{text-wrap:balance;overflow-wrap:break-word}.template-card .portfolio-desc{overflow-wrap:break-word;word-break:break-word;margin-bottom:auto}.template-card .btn,.template-card .portfolio-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent}#template{scroll-margin-top:88px}.template-card-special{--tilt:0deg}.template-card-special:hover{transform:translate(-3px,-3px)}.template-grid .template-card,.template-grid .portfolio-card{--tilt:0deg}.template-grid .neo-card:hover,.template-grid .template-card:hover,.template-grid .template-card-special:hover,.template-grid .template-card-popular:hover{box-shadow:var(--shadow-lg);transform:translate(-2px,-2px)}.template-grid .reveal{transform:translateY(16px)}.template-grid .reveal.is-visible{transform:translateY(0)}.template-card-popular{--tilt:0deg}.template-card-popular:hover{box-shadow:var(--shadow-lg);transform:translate(-2px,-2px)}@media (prefers-reduced-motion:reduce){.template-card:hover{box-shadow:var(--shadow);transform:none}.template-card .demo-image-container img{transition:none}.template-card:hover .demo-image-container img{transform:none}}.testimonial-marquee-wrapper{padding:8px 0 20px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}.testimonial-marquee{gap:22px;width:max-content;animation:60s linear infinite testimonialScroll;display:flex}.testimonial-marquee-wrapper:hover .testimonial-marquee{animation-play-state:paused}@keyframes testimonialScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.testimonial-marquee{animation:none;transform:translate(0)}}.testimonial-marquee-item{flex-shrink:0;width:280px}.testimonial-image-card{border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:var(--white);transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;transform:rotate(-1deg)}.testimonial-marquee-item:nth-child(2n) .testimonial-image-card{transform:rotate(1.2deg)}.testimonial-marquee-item:hover .testimonial-image-card{box-shadow:var(--shadow-lg);transform:translate(-3px,-3px)rotate(0)}.testimonial-img{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto}.testimonial-image-btn{all:unset;cursor:pointer;display:block}.testimonial-image-card:hover .testimonial-zoom-overlay,.testimonial-zoom-overlay{color:var(--white);opacity:0;pointer-events:none;background:#00000080;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.testimonial-image-card:hover .testimonial-zoom-overlay{opacity:1;pointer-events:auto}.testimonial-zoom-overlay i{font-size:32px;animation:1.2s ease-in-out infinite zoomPulse}@keyframes zoomPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.testimonial-modal-backdrop{z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.testimonial-modal-content{background:var(--white);border-radius:var(--radius);max-width:90vw;max-height:85vh;box-shadow:var(--shadow-xl);animation:.4s cubic-bezier(.34,1.56,.64,1) popUp;position:relative;overflow:hidden}.testimonial-modal-close{z-index:1001;width:40px;height:40px;color:var(--white);cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:background .2s;display:flex;position:absolute;top:10px;right:10px}.testimonial-modal-close:hover{background:#000000e6}.testimonial-modal-img-wrapper{justify-content:center;align-items:center;max-height:80vh;padding:10px;display:flex}.testimonial-modal-img{object-fit:contain;max-width:100%;max-height:80vh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (min-width:992px){.testimonial-marquee-item{width:320px}}@media (max-width:991px){.hero-wrapper{grid-template-columns:1fr;gap:36px}.hero-gift-box{width:min(100%,240px)}.custom-cta-card{grid-template-columns:1fr;gap:20px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.hero-features-small{gap:8px}.hero-feature-item{padding:7px 11px;font-size:11px}.custom-cta-card{gap:16px;padding:20px 18px}.custom-cta-card .btn{justify-content:center;width:100%}.hero-actions-web-surprise .btn{flex:100%}.hero-sticker-lime{right:0}.testimonial-marquee-item{width:236px}}@media (min-width:1280px){.section[data-deco=stamp]:after{content:"";z-index:-1;border:3px dashed var(--line);width:150px;height:150px;opacity:var(--deco-a);pointer-events:none;border-radius:50%;position:absolute;top:46%;right:2%}.section[data-deco=arrow]:after{content:"";z-index:-1;border-top:3px dashed var(--line);border-right:3px solid var(--line);width:64px;height:40px;opacity:var(--deco-a);pointer-events:none;position:absolute;top:55%;right:2%;transform:rotate(8deg)}}@media (max-width:1080px){.nav-links,.nav-actions .btn{display:none}.menu-toggle{display:grid}}@media (max-width:991px){html{scroll-padding-top:80px}.hero-inner{grid-template-columns:1fr;gap:40px}.hero-desc{margin-left:0;margin-right:0}.hero-actions,.hero-trust{justify-content:flex-start}.hero-title,.hero-desc{text-align:left}.tentang-grid{grid-template-columns:1fr;gap:36px}.about-grid,.services-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto}.skills-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.service-sticker{grid-template-columns:auto 1fr}.service-sticker-buy{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center}.service-sticker-price{text-align:left}.kontakt-box{grid-template-columns:1fr;align-items:start}}@media (max-width:768px){.section{padding:62px 0}.about-grid,.services-grid,.portfolio-grid,.skills-grid,.footer-grid{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px}.template-card .demo-mockup-header{display:none}.template-card .demo-mockup-body{aspect-ratio:4/3;max-height:none;display:block}.template-card .portfolio-content{gap:0;padding:12px 12px 14px}.template-card .template-head-row{margin-bottom:6px}.template-card .portfolio-badge{padding:2px 7px;font-size:10px}.template-card .portfolio-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;margin-bottom:6px;font-size:13.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.template-card .portfolio-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.9em;margin-bottom:auto;font-size:11.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.template-card .template-price-row{flex-direction:column;align-items:flex-start;gap:4px;margin-top:10px}.template-card .template-price-original{font-size:11px}.template-card .template-price-promo{font-size:16px}.template-card .template-price-save{padding:2px 6px;font-size:9px}.template-card .template-price-note{font-size:10px;line-height:1.35}.template-card .template-actions{flex-direction:column;gap:8px;margin-top:10px}.template-card .template-actions .portfolio-btn,.template-card .template-actions .template-wa-btn{flex:none;justify-content:center;width:100%;min-height:38px;padding:8px 10px;font-size:12px}.template-card .template-ribbon{width:auto;padding:2px 7px;font-size:9px;top:8px;left:auto;right:8px}.template-card .template-ribbon-hot{padding:2px 7px;font-size:9px;top:8px;right:8px}.template-card .template-diskon-label{margin-bottom:6px;padding:2px 6px;font-size:9px}.filter-bar{flex-direction:column;align-items:flex-start}.filter-chips{width:100%}.feature-item{flex-wrap:wrap;gap:14px}.feature-num{min-width:34px;font-size:22px}.cta-inner{flex-direction:column;align-items:flex-start}.process-item{grid-template-columns:30px 44px 1fr;gap:12px;margin-bottom:12px}.process-item-icon{width:44px;height:44px;font-size:19px}.process-item-num{font-size:12px}.ig-sticker-lime{right:0}.ig-sticker-blue{left:0}}@media (max-width:380px){.template-grid{gap:10px}.template-card .portfolio-content{padding:10px 10px 12px}.template-card .demo-mockup-body{max-height:130px}.template-card .portfolio-title{font-size:12.5px}.template-card .portfolio-desc{-webkit-line-clamp:2;min-height:2.9em;font-size:11px}.template-card .template-price-promo{font-size:15px}}@media (max-width:520px){.ig-post-wrap{padding:14px 6px}.service-sticker{text-align:left;grid-template-columns:1fr;gap:18px}.service-sticker-buy{flex-direction:column;align-items:flex-start}.hero-actions .btn{width:100%}}