/* Minification failed. Returning unminified contents. (3,17): run-time error CSS1039: Token not allowed after unary operator: '-ink-2' (25,17): run-time error CSS1039: Token not allowed after unary operator: '-ink-3' (42,17): run-time error CSS1039: Token not allowed after unary operator: '-g' (46,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (68,17): run-time error CSS1039: Token not allowed after unary operator: '-g' (78,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (86,17): run-time error CSS1039: Token not allowed after unary operator: '-g' (103,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (155,24): run-time error CSS1039: Token not allowed after unary operator: '-g' (166,22): run-time error CSS1039: Token not allowed after unary operator: '-g' (178,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (211,17): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (221,22): run-time error CSS1039: Token not allowed after unary operator: '-blue-bg' (222,17): run-time error CSS1039: Token not allowed after unary operator: '-blue-tx' (231,22): run-time error CSS1039: Token not allowed after unary operator: '-amber-bg' (236,22): run-time error CSS1039: Token not allowed after unary operator: '-g-tonal' (237,17): run-time error CSS1039: Token not allowed after unary operator: '-g' (246,32): run-time error CSS1039: Token not allowed after unary operator: '-line' (296,28): run-time error CSS1039: Token not allowed after unary operator: '-line' (299,17): run-time error CSS1039: Token not allowed after unary operator: '-g' (305,24): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (306,22): run-time error CSS1039: Token not allowed after unary operator: '-g-tonal' (349,18): run-time error CSS1039: Token not allowed after unary operator: '-customer-logo-filter' (355,18): run-time error CSS1039: Token not allowed after unary operator: '-customer-logo-filter' (364,18): run-time error CSS1039: Token not allowed after unary operator: '-customer-logo-filter' (382,22): run-time error CSS1039: Token not allowed after unary operator: '-g-50' (399,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (442,17): run-time error CSS1039: Token not allowed after unary operator: '-g' (454,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (477,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (485,17): run-time error CSS1039: Token not allowed after unary operator: '-g' (496,22): run-time error CSS1039: Token not allowed after unary operator: '-g' (531,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (540,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (592,28): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (594,22): run-time error CSS1039: Token not allowed after unary operator: '-g-tonal' (631,28): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (638,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (710,36): run-time error CSS1039: Token not allowed after unary operator: '-line' (728,37): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (1117,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (1131,17): run-time error CSS1039: Token not allowed after unary operator: '-ink-2' (1138,17): run-time error CSS1039: Token not allowed after unary operator: '-g' (1167,32): run-time error CSS1039: Token not allowed after unary operator: '-line' (1172,17): run-time error CSS1039: Token not allowed after unary operator: '-ink-2' (1243,28): run-time error CSS1039: Token not allowed after unary operator: '-line' (1252,17): run-time error CSS1039: Token not allowed after unary operator: '-ink-2' (1328,22): run-time error CSS1039: Token not allowed after unary operator: '-g-tonal' (1343,22): run-time error CSS1039: Token not allowed after unary operator: '-g-tonal' (1350,28): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (1352,46): run-time error CSS1039: Token not allowed after unary operator: '-g-50' (1403,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (1418,22): run-time error CSS1039: Token not allowed after unary operator: '-g-tonal' (1424,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (1481,28): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (1484,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (1494,24): run-time error CSS1039: Token not allowed after unary operator: '-g' (1495,22): run-time error CSS1039: Token not allowed after unary operator: '-g-tonal' (1496,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (1513,35): run-time error CSS1039: Token not allowed after unary operator: '-line' (1522,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (1530,17): run-time error CSS1039: Token not allowed after unary operator: '-g' (1558,28): run-time error CSS1039: Token not allowed after unary operator: '-line' (1569,22): run-time error CSS1039: Token not allowed after unary operator: '-g-tonal' (1600,17): run-time error CSS1039: Token not allowed after unary operator: '-ink-2' (1633,28): run-time error CSS1039: Token not allowed after unary operator: '-line' (1647,22): run-time error CSS1039: Token not allowed after unary operator: '-g-50' (1653,24): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (1654,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm' (1665,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (1685,17): run-time error CSS1039: Token not allowed after unary operator: '-g' (1691,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (1699,17): run-time error CSS1039: Token not allowed after unary operator: '-sdk-muted' (1706,17): run-time error CSS1039: Token not allowed after unary operator: '-sdk-green-deep' (1726,28): run-time error CSS1039: Token not allowed after unary operator: '-line' (1740,33): run-time error CSS1039: Token not allowed after unary operator: '-g' (1743,17): run-time error CSS1039: Token not allowed after unary operator: '-ink-2' (1975,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1976,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1981,28): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (1983,46): run-time error CSS1039: Token not allowed after unary operator: '-g-tonal' (1998,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (2013,28): run-time error CSS1039: Token not allowed after unary operator: '-line' (2019,24): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (2020,22): run-time error CSS1039: Token not allowed after unary operator: '-g-50' (2026,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (2033,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (2052,17): run-time error CSS1039: Token not allowed after unary operator: '-ink-2' (2060,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (2066,17): run-time error CSS1039: Token not allowed after unary operator: '-g' (2120,28): run-time error CSS1039: Token not allowed after unary operator: '-line' (2123,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm' (2184,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (2193,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (2220,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (2225,17): run-time error CSS1039: Token not allowed after unary operator: '-ink-2' (2232,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (2237,17): run-time error CSS1039: Token not allowed after unary operator: '-g' (2242,24): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (2243,22): run-time error CSS1039: Token not allowed after unary operator: '-g-50' (2247,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (2263,28): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (2266,17): run-time error CSS1039: Token not allowed after unary operator: '-g' (2280,22): run-time error CSS1039: Token not allowed after unary operator: '-sdk-photo-section-gap' (2281,25): run-time error CSS1039: Token not allowed after unary operator: '-sdk-photo-section-gap' (2299,17): run-time error CSS1039: Token not allowed after unary operator: '-ink-2' (2307,17): run-time error CSS1039: Token not allowed after unary operator: '-g' (2331,23): run-time error CSS1039: Token not allowed after unary operator: '-sdk-photo-section-padding' (2332,26): run-time error CSS1039: Token not allowed after unary operator: '-sdk-photo-section-padding' (2353,28): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (2355,46): run-time error CSS1039: Token not allowed after unary operator: '-g-tonal' (2371,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (2379,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (2393,28): run-time error CSS1039: Token not allowed after unary operator: '-line' (2396,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (2404,24): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (2405,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-md' (2406,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (2421,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (2436,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (2447,32): run-time error CSS1039: Token not allowed after unary operator: '-line' (2451,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (2477,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (2502,28): run-time error CSS1039: Token not allowed after unary operator: '-line' (2514,22): run-time error CSS1039: Token not allowed after unary operator: '-g-tonal' (2515,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (2527,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (2583,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (2605,28): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (2611,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (2616,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (2634,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (2642,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (2648,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (2664,28): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (2667,17): run-time error CSS1039: Token not allowed after unary operator: '-ink-2' (2677,17): run-time error CSS1039: Token not allowed after unary operator: '-g' (2705,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (2728,28): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (2737,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (2750,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (2765,28): run-time error CSS1039: Token not allowed after unary operator: '-line' (2778,22): run-time error CSS1039: Token not allowed after unary operator: '-g-tonal' (2779,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (2798,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (2811,24): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (2812,22): run-time error CSS1039: Token not allowed after unary operator: '-g-50' (2816,22): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (2855,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (2859,22): run-time error CSS1039: Token not allowed after unary operator: '-sdk-photo-section-gap' (2860,25): run-time error CSS1039: Token not allowed after unary operator: '-sdk-photo-section-gap' (2872,28): run-time error CSS1039: Token not allowed after unary operator: '-line' (2890,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (2924,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (2930,24): run-time error CSS1039: Token not allowed after unary operator: '-line' (2970,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2971,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3129,28): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (3147,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (3180,28): run-time error CSS1039: Token not allowed after unary operator: '-line' (3182,55): run-time error CSS1039: Token not allowed after unary operator: '-g-50' (3193,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (3204,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (3217,22): run-time error CSS1039: Token not allowed after unary operator: '-g-tonal' (3231,28): run-time error CSS1039: Token not allowed after unary operator: '-line' (3262,28): run-time error CSS1039: Token not allowed after unary operator: '-line' (3270,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (3283,28): run-time error CSS1039: Token not allowed after unary operator: '-line' (3294,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (3300,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (3319,28): run-time error CSS1039: Token not allowed after unary operator: '-line' (3363,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (3370,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (3396,22): run-time error CSS1039: Token not allowed after unary operator: '-g-50' (3397,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (3418,28): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (3421,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (3438,28): run-time error CSS1039: Token not allowed after unary operator: '-line' (3447,28): run-time error CSS1039: Token not allowed after unary operator: '-line' (3487,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (3519,28): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (3522,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (3554,28): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (3557,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (3709,17): run-time error CSS1039: Token not allowed after unary operator: '-ink-2' (3719,17): run-time error CSS1039: Token not allowed after unary operator: '-g' (3742,32): run-time error CSS1039: Token not allowed after unary operator: '-line' (3747,17): run-time error CSS1039: Token not allowed after unary operator: '-ink-2' (3767,18): run-time error CSS1039: Token not allowed after unary operator: '-customer-logo-filter' (3774,28): run-time error CSS1039: Token not allowed after unary operator: '-line' (3808,18): run-time error CSS1039: Token not allowed after unary operator: '-customer-logo-filter' (3864,28): run-time error CSS1039: Token not allowed after unary operator: '-line' (3866,55): run-time error CSS1039: Token not allowed after unary operator: '-g-50' (3887,28): run-time error CSS1039: Token not allowed after unary operator: '-line' (3898,22): run-time error CSS1039: Token not allowed after unary operator: '-g-tonal' (3907,28): run-time error CSS1039: Token not allowed after unary operator: '-line' (3909,22): run-time error CSS1039: Token not allowed after unary operator: '-g-50' (3927,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (3942,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (3947,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (3965,22): run-time error CSS1039: Token not allowed after unary operator: '-g-50' (3966,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (3981,28): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (3984,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (4020,28): run-time error CSS1039: Token not allowed after unary operator: '-line' (4030,22): run-time error CSS1039: Token not allowed after unary operator: '-g-tonal' (4034,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (4049,22): run-time error CSS1039: Token not allowed after unary operator: '-g-tonal' (4050,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (4083,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (4118,24): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (4119,46): run-time error CSS1039: Token not allowed after unary operator: '-g-50' (4128,22): run-time error CSS1039: Token not allowed after unary operator: '-g-tonal' (4133,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (4147,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (4163,17): run-time error CSS1039: Token not allowed after unary operator: '-ink-2' (4171,17): run-time error CSS1039: Token not allowed after unary operator: '-g' (4177,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (4224,22): run-time error CSS1039: Token not allowed after unary operator: '-g-tonal' (4225,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (4240,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (4278,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (4304,28): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (4312,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (4319,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (4341,28): run-time error CSS1039: Token not allowed after unary operator: '-line' (4384,28): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (4399,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (4406,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (4423,33): run-time error CSS1039: Token not allowed after unary operator: '-g' (4424,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (4432,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (4439,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (4473,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (4525,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (4531,24): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (4532,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (4538,19): run-time error CSS1039: Token not allowed after unary operator: '-focus-outline' (4571,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (4579,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (4587,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (4628,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (4647,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (4653,24): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (4654,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (4665,22): run-time error CSS1039: Token not allowed after unary operator: '-g-tonal' (4685,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (4691,17): run-time error CSS1039: Token not allowed after unary operator: '-g' (4741,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (4750,28): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (4751,28): run-time error CSS1039: Token not allowed after unary operator: '-g' (4772,28): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (4774,22): run-time error CSS1039: Token not allowed after unary operator: '-card' (4781,22): run-time error CSS1039: Token not allowed after unary operator: '-card' (4782,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (4786,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (4795,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (4808,22): run-time error CSS1039: Token not allowed after unary operator: '-g-tonal' (4809,17): run-time error CSS1039: Token not allowed after unary operator: '-g' (4821,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (4833,22): run-time error CSS1039: Token not allowed after unary operator: '-card' (4858,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (5273,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (5286,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (5304,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (5313,17): run-time error CSS1039: Token not allowed after unary operator: '-g' (5329,17): run-time error CSS1039: Token not allowed after unary operator: '-ink-2' (5337,28): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (5344,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (5353,17): run-time error CSS1039: Token not allowed after unary operator: '-ink-2' (5370,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (5392,32): run-time error CSS1030: Expected identifier, found ':' (5392,40): run-time error CSS1031: Expected selector, found ')' (5392,40): run-time error CSS1025: Expected comma or open brace, found ')' (5399,24): run-time error CSS1039: Token not allowed after unary operator: '-g' (5405,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (5418,17): run-time error CSS1039: Token not allowed after unary operator: '-ink-3' (5432,24): run-time error CSS1039: Token not allowed after unary operator: '-g' (5452,24): run-time error CSS1039: Token not allowed after unary operator: '-g' (5457,17): run-time error CSS1039: Token not allowed after unary operator: '-ink-2' (5472,17): run-time error CSS1039: Token not allowed after unary operator: '-ink-3' (5491,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (5518,28): run-time error CSS1039: Token not allowed after unary operator: '-line' (5530,22): run-time error CSS1039: Token not allowed after unary operator: '-g-tonal' (5531,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (5538,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (5566,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (5583,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (5618,28): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (5625,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (5632,17): run-time error CSS1039: Token not allowed after unary operator: '-muted' (5826,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (5836,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (5844,17): run-time error CSS1039: Token not allowed after unary operator: '-ink-2' (5855,28): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (5895,28): run-time error CSS1039: Token not allowed after unary operator: '-line' (5901,24): run-time error CSS1039: Token not allowed after unary operator: '-g-border' (5902,22): run-time error CSS1039: Token not allowed after unary operator: '-g-50' (5907,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (5921,17): run-time error CSS1039: Token not allowed after unary operator: '-ink-2' (5946,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (5953,17): run-time error CSS1039: Token not allowed after unary operator: '-ink-2' (5965,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (5992,28): run-time error CSS1039: Token not allowed after unary operator: '-line' (5995,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (6034,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (6043,17): run-time error CSS1039: Token not allowed after unary operator: '-ink-2' (6068,22): run-time error CSS1039: Token not allowed after unary operator: '-g' (6075,17): run-time error CSS1039: Token not allowed after unary operator: '-g-dark' (6084,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (6092,17): run-time error CSS1039: Token not allowed after unary operator: '-ink-2' (6097,53): run-time error CSS1030: Expected identifier, found '>' (6097,65): run-time error CSS1031: Expected selector, found ')' (6097,65): run-time error CSS1025: Expected comma or open brace, found ')' (6105,53): run-time error CSS1030: Expected identifier, found '>' (6105,65): run-time error CSS1031: Expected selector, found ')' (6105,65): run-time error CSS1025: Expected comma or open brace, found ')' (6111,53): run-time error CSS1030: Expected identifier, found '>' (6111,65): run-time error CSS1031: Expected selector, found ')' (6111,65): run-time error CSS1025: Expected comma or open brace, found ')' (6117,53): run-time error CSS1030: Expected identifier, found '>' (6117,65): run-time error CSS1031: Expected selector, found ')' (6117,65): run-time error CSS1025: Expected comma or open brace, found ')' (6121,53): run-time error CSS1030: Expected identifier, found '>' (6121,65): run-time error CSS1031: Expected selector, found ')' (6121,65): run-time error CSS1025: Expected comma or open brace, found ')' (6128,53): run-time error CSS1030: Expected identifier, found '>' (6128,65): run-time error CSS1031: Expected selector, found ')' (6128,65): run-time error CSS1025: Expected comma or open brace, found ')' (6132,53): run-time error CSS1030: Expected identifier, found '>' (6132,65): run-time error CSS1031: Expected selector, found ')' (6132,65): run-time error CSS1025: Expected comma or open brace, found ')' (6146,53): run-time error CSS1030: Expected identifier, found '>' (6146,65): run-time error CSS1031: Expected selector, found ')' (6146,65): run-time error CSS1025: Expected comma or open brace, found ')' (6157,53): run-time error CSS1030: Expected identifier, found '>' (6157,65): run-time error CSS1031: Expected selector, found ')' (6157,65): run-time error CSS1025: Expected comma or open brace, found ')' (6163,53): run-time error CSS1030: Expected identifier, found '>' (6163,65): run-time error CSS1031: Expected selector, found ')' (6163,65): run-time error CSS1025: Expected comma or open brace, found ')' (6167,53): run-time error CSS1030: Expected identifier, found '>' (6167,65): run-time error CSS1031: Expected selector, found ')' (6167,65): run-time error CSS1025: Expected comma or open brace, found ')' (6175,53): run-time error CSS1030: Expected identifier, found '>' (6175,65): run-time error CSS1031: Expected selector, found ')' (6175,65): run-time error CSS1025: Expected comma or open brace, found ')' (6188,22): run-time error CSS1039: Token not allowed after unary operator: '-g-50' (6197,17): run-time error CSS1039: Token not allowed after unary operator: '-ink' (6212,17): run-time error CSS1039: Token not allowed after unary operator: '-ink-2' (6224,57): run-time error CSS1030: Expected identifier, found '>' (6224,69): run-time error CSS1031: Expected selector, found ')' (6224,69): run-time error CSS1025: Expected comma or open brace, found ')' (6246,57): run-time error CSS1030: Expected identifier, found '>' (6246,69): run-time error CSS1031: Expected selector, found ')' (6246,69): run-time error CSS1025: Expected comma or open brace, found ')' (6254,57): run-time error CSS1030: Expected identifier, found '>' (6254,69): run-time error CSS1031: Expected selector, found ')' (6254,69): run-time error CSS1025: Expected comma or open brace, found ')' (6281,57): run-time error CSS1030: Expected identifier, found '>' (6281,69): run-time error CSS1031: Expected selector, found ')' (6281,69): run-time error CSS1025: Expected comma or open brace, found ')' (6288,57): run-time error CSS1030: Expected identifier, found '>' (6288,69): run-time error CSS1031: Expected selector, found ')' (6288,69): run-time error CSS1025: Expected comma or open brace, found ')' (6298,57): run-time error CSS1030: Expected identifier, found '>' (6298,69): run-time error CSS1031: Expected selector, found ')' (6298,69): run-time error CSS1025: Expected comma or open brace, found ')' (6328,57): run-time error CSS1030: Expected identifier, found '>' (6328,69): run-time error CSS1031: Expected selector, found ')' (6328,69): run-time error CSS1025: Expected comma or open brace, found ')' */ .sdk-home { overflow: hidden; color: var(--ink-2); } .sdk-home *, .sdk-home *::before, .sdk-home *::after { box-sizing: border-box; } .sdk-home svg { width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .sdk-home .sdk-hint { border-bottom: 1px solid #E6E8E2; background: #F7F8F6; color: var(--ink-3); font-size: 12.5px; } .sdk-home .sdk-hint .container { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding-top: 8px; padding-bottom: 8px; } .sdk-home .sdk-hint svg { width: 16px; height: 16px; color: var(--g); } .sdk-home .sdk-hint a { color: var(--g-dark); font-weight: 700; text-decoration: none; } .sdk-home .sdk-hero { padding: 0; background: #fff; } .sdk-home .sdk-hero > .container { padding-top: 56px; padding-bottom: 38px; } .sdk-home .sdk-hero__row { display: flex; align-items: center; } .sdk-home .sdk-eyebrow { margin: 0 0 10px; color: var(--g); font-size: 12px; font-weight: 700; letter-spacing: .14em; line-height: 1.4; text-transform: uppercase; } .sdk-home .sdk-hero h1 { margin: 0; color: var(--ink); font-size: 44px; font-weight: 700; letter-spacing: -.02em; line-height: 1.12; } .sdk-home .sdk-hero h1 span { color: var(--g); } .sdk-home .sdk-lead { max-width: 540px; margin: 16px 0 20px; color: #757575; font-size: 17px; line-height: 1.6; } .sdk-home .sdk-checks { display: flex; flex-wrap: wrap; gap: 8px 18px; max-width: 560px; margin-bottom: 22px; color: var(--g-dark); font-size: 14px; font-weight: 600; } .sdk-home .sdk-checks span { display: inline-flex; align-items: center; gap: 6px; } .sdk-home .sdk-checks svg { width: 15px; height: 15px; } .sdk-home .sdk-actions { display: flex; flex-wrap: wrap; gap: 10px; } .sdk-home .sdk-actions .button-green, .sdk-home .sdk-actions .button-white { margin: 0; } .sdk-home .sdk-flow { display: flex; flex-direction: column; gap: 0; margin-left: 34px; padding: 20px; border: 1px solid #E0E0E0; border-radius: 12px; background: #FBFBFA; } .sdk-home .sdk-flow__step { position: relative; display: grid; grid-template-columns: 26px 44px minmax(0, 1fr); align-items: center; gap: 12px; min-height: 84px; padding: 14px; border: 1px solid #E0E0E0; border-radius: 10px; background: #fff; } .sdk-home .sdk-flow__step--result { border-color: var(--g); background: #FBFEFB; } .sdk-home .sdk-flow__number { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: var(--g); color: #fff; font-size: 13px; font-weight: 700; } .sdk-home .sdk-flow__step strong, .sdk-home .sdk-flow__step small { display: block; } .sdk-home .sdk-flow__step strong { color: var(--ink); font-size: 15px; } .sdk-home .sdk-flow__step small { margin-top: 3px; color: #757575; font-size: 12.5px; line-height: 1.45; } .sdk-home .sdk-flow__icon, .sdk-home .sdk-module-icon { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 8px; } .sdk-home .sdk-flow__icon svg, .sdk-home .sdk-module-icon svg, .sdk-home .sdk-module-icon img { width: 22px; height: 22px; } .sdk-home .sdk-flow__connector { display: flex; align-items: center; justify-content: center; height: 18px; color: var(--g-border); } .sdk-home .sdk-flow__connector svg { width: 20px; height: 20px; transform: rotate(90deg); } .sdk-home .sdk-icon--blue { background: var(--blue-bg); color: var(--blue-tx); } .sdk-home .sdk-icon--teal { background: #E0F2F1; color: #00796B; } .sdk-home .sdk-icon--amber { background: var(--amber-bg); color: #F57C00; } .sdk-home .sdk-icon--green { background: var(--g-tonal); color: var(--g); } .sdk-home .sdk-trust { display: flex; align-items: center; gap: 24px; margin-top: 38px; padding-top: 22px; border-top: 1px solid var(--line); color: #626862; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; } .sdk-home .sdk-trust__logos { display: flex; flex: none; align-items: center; justify-content: space-around; gap: 48px; min-width: 1080px; } .sdk-home .sdk-trust__viewport { flex: 1; min-width: 0; overflow: hidden; } .sdk-home .sdk-trust__track { display: flex; align-items: center; gap: 48px; width: max-content; animation: sdk-trust-scroll 150s linear infinite; will-change: transform; } .sdk-home .sdk-trust__toggle-input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; } .sdk-home .sdk-trust__toggle { display: inline-flex; flex: 0 0 34px; align-items: center; justify-content: center; width: 34px; height: 34px; margin: 0; border: 1px solid var(--line); border-radius: 50%; background: #FFFFFF; color: var(--g); cursor: pointer; transition: background-color .2s ease, border-color .2s ease, color .2s ease; } .sdk-home .sdk-trust__toggle:hover { border-color: var(--g-border); background: var(--g-tonal); } .sdk-home .sdk-trust__toggle-input:focus-visible ~ .sdk-trust__toggle { outline: 3px solid rgba(46, 125, 50, .28); outline-offset: 3px; } .sdk-home .sdk-trust__toggle-icon { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .sdk-home .sdk-trust__toggle-icon--play { display: none; fill: currentColor; stroke: none; } .sdk-home .sdk-trust__toggle-input:checked ~ .sdk-trust__viewport .sdk-trust__track { animation-play-state: paused !important; } .sdk-home .sdk-trust__toggle-input:checked ~ .sdk-trust__toggle .sdk-trust__toggle-icon--pause { display: none; } .sdk-home .sdk-trust__toggle-input:checked ~ .sdk-trust__toggle .sdk-trust__toggle-icon--play { display: block; } .sdk-home .sdk-trust__logos img { flex: none; width: auto; max-width: 145px; height: 48px; max-height: none; object-fit: contain; filter: var(--customer-logo-filter); opacity: .92; transition: filter .2s ease, opacity .2s ease; } .sdk-home .sdk-trust__viewport:hover img { filter: var(--customer-logo-filter); opacity: 1; } /* Keep customer proof visually consistent across browsers and source assets. */ .sdk-logo-marquee .slide img, .sdk-banking-logo-row img, .sdk-industry-reference-strip__logos img, .sdk-home .sdk-trust__logos img { filter: var(--customer-logo-filter) !important; } @keyframes sdk-trust-scroll { to { transform: translateX(calc(-50% - 24px)); } } .sdk-home .sdk-section { padding: 56px 0; } .sdk-home .sdk-section--soft { background: #F4F4F4; } .sdk-home .sdk-section--tonal { background: var(--g-50); } .sdk-home .sdk-whitepaper { background: #fff; } .sdk-home .sdk-section-head { max-width: 760px; margin: 0 auto 26px; text-align: center; } .sdk-home .sdk-section-head h2, .sdk-home .sdk-demo h2, .sdk-home .sdk-whitepaper h2 { margin: 0; color: var(--ink); font-size: 28px; font-weight: 700; letter-spacing: -.01em; line-height: 1.25; } .sdk-home .sdk-section-head > p:last-child { margin: 12px auto 0; color: #757575; font-size: 15px; line-height: 1.6; } .sdk-home .sdk-product-grid, .sdk-home .sdk-benefit-grid, .sdk-home .sdk-use-case-grid { display: grid; gap: 18px; } .sdk-home .sdk-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sdk-home .sdk-product-card { display: flex; flex-direction: column; min-height: 260px; padding: 24px; border: 1px solid #E0E0E0; border-radius: 10px; background: #fff; } .sdk-home .sdk-product-card .sdk-module-icon { margin-bottom: 16px; } .sdk-home .sdk-module-label, .sdk-home .sdk-case-label { display: inline-block; align-self: flex-start; color: var(--g); font-size: 10.5px; font-weight: 700; letter-spacing: .11em; line-height: 1.4; } .sdk-home .sdk-product-card h3, .sdk-home .sdk-benefit-grid h3, .sdk-home .sdk-use-case-grid h3, .sdk-home .sdk-custom h3 { margin: 8px 0; color: var(--ink); font-size: 18px; font-weight: 700; line-height: 1.3; } .sdk-home .sdk-product-card p, .sdk-home .sdk-benefit-grid p, .sdk-home .sdk-use-case-grid p { color: #757575; font-size: 14px; line-height: 1.55; } .sdk-home .sdk-product-card p { flex: 1; } .sdk-home .sdk-text-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; color: var(--g-dark); font-size: 13.5px; font-weight: 700; text-decoration: none; } .sdk-home .sdk-text-link:hover, .sdk-home .sdk-text-link:focus { color: var(--g); text-decoration: underline; } .sdk-home .sdk-demo { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 34px; padding: 30px 34px; border-radius: 16px; background: var(--g); color: #fff; } .sdk-home .sdk-demo .sdk-eyebrow { color: #FFFFFF; } .sdk-home .sdk-demo h2 { color: #fff; } .sdk-home .sdk-demo p:not(.sdk-eyebrow) { max-width: 670px; margin: 10px 0 0; color: #FFFFFF; font-size: 15px; } .sdk-home .sdk-demo__actions { display: flex; gap: 10px; } .sdk-home .sdk-store-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 126px; min-height: 42px; padding: 9px 16px; border: 1px solid #fff; border-radius: 24px; background: #fff; color: var(--g-dark); font-size: 14px; font-weight: 700; text-decoration: none; } .sdk-home .sdk-store-button:hover, .sdk-home .sdk-store-button:focus { background: rgba(255, 255, 255, .9); color: var(--g-dark); text-decoration: none; } .sdk-home .sdk-store-button img { width: 20px; height: 20px; } .sdk-home .sdk-benefit-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .sdk-home .sdk-benefit-grid article { min-height: 190px; padding: 22px; border: 1px solid #E0E0E0; border-radius: 8px; background: #fff; } .sdk-home .sdk-use-case-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sdk-home .sdk-use-case-grid article { min-height: 180px; padding: 22px; border: 1px solid #E0E0E0; border-radius: 8px; background: #fff; } .sdk-home .sdk-case-label--amber { color: #A44E00; } .sdk-home .sdk-case-label--blue { color: #1976D2; } .sdk-home .sdk-case-label--teal { color: #00796B; } .sdk-home .sdk-custom { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 22px; padding: 24px 26px; border: 1px solid var(--g-border); border-radius: 10px; background: var(--g-tonal); } .sdk-home .sdk-custom .sdk-eyebrow { margin-bottom: 5px; } .sdk-home .sdk-custom h3 { max-width: 720px; margin: 0; font-size: 18px; } .sdk-home .sdk-custom .button-white { flex: 0 0 auto; margin: 0; } .sdk-home .sdk-whitepaper__row { display: flex; align-items: center; } .sdk-home .sdk-whitepaper h2 { max-width: 500px; } .sdk-home .sdk-whitepaper .col-md-6 > p:not(.sdk-eyebrow):not(.sdk-form-note) { max-width: 520px; margin-top: 14px; color: #5E665E; font-size: 15px; line-height: 1.6; } .sdk-home .sdk-whitepaper fieldset { padding: 22px; border: 1px solid var(--g-border); border-radius: 10px; background: #fff; } .sdk-home .sdk-whitepaper label { margin-bottom: 7px; color: var(--ink); font-size: 13px; } .sdk-home .sdk-form-note { margin: 10px 2px 0; color: #596159; font-size: 11px; line-height: 1.45; } @media screen and (min-width: 1129px) { #mainToolbar ul.navbar-text { margin-top: 0; margin-bottom: 0; } #mainToolbar .navbar-nav > li > a, #mainToolbar .navbar-nav > li > button { margin-top: 11px; padding: 14px 10px; } } @media screen and (max-width: 1128px) { #mainToolbar { min-height: 58px; } #mainToolbar > .container-fluid { padding-right: 18px; padding-left: 18px; } #mainToolbar .navbar-header { position: relative; min-height: 64px; } #mainToolbar .navbar-brand { padding-top: 18px; padding-bottom: 18px; } #mainToolbar .navbar-brand .toolbarImage { width: 112px; height: auto; } #mainToolbar .navbar-header > .contact-invisible-on-full { position: absolute; top: 13px; right: 62px; float: none !important; margin: 0; padding: 0 !important; } #mainToolbar .navbar-header .navbar-contact-button { min-height: 36px; padding: 7px 12px; font-size: 12px; white-space: nowrap; } #mainToolbar .navbar-toggle { margin-right: 0; } #mainToolbar .navbar-collapse { max-height: calc(100vh - 66px); padding-bottom: 18px; border-top: 1px solid var(--line); box-shadow: none; overflow-y: auto; } #mainToolbar .navbar-nav { margin: 10px 0; } #mainToolbar .navbar-nav > li > a, #mainToolbar .navbar-nav > li > button { width: 100%; padding: 11px 12px; text-align: left; } #mainToolbar .dropdown-menu { border: 0; border-left: 2px solid var(--g-border); border-radius: 0; box-shadow: none; } #mainToolbar .Language-Select { width: auto; margin: 8px 0 12px; } } @media screen and (max-width: 991px) { .sdk-home .sdk-hero__row, .sdk-home .sdk-whitepaper__row { display: block; } .sdk-home .sdk-flow { margin: 34px 0 0; } .sdk-home .sdk-benefit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sdk-home .sdk-whitepaper fieldset { margin-top: 24px; } .sdk-site .plattform-container { grid-template-columns: repeat(5, minmax(0, 1fr)); } } @media screen and (max-width: 767px) { .sdk-site h1 { font-size: 32px; } .sdk-site h2 { font-size: 25px; } .sdk-site section { padding: 42px 0; } .sdk-site .contact-container { width: auto; margin: 42px 20px; padding: 26px 20px; border-radius: 10px; text-align: left; } .sdk-site .contact-container > h2 { font-size: 26px; } .sdk-site .contact-container > p { font-size: 15px; } .sdk-site .contact-container > .row { display: block; } .sdk-site .contact-container img { width: 104px; margin: 0; } .sdk-site .contact-container .center-image-mobile { margin-right: 0; margin-left: 0; } .sdk-site .platform { padding: 42px 20px; padding-right: 20px !important; padding-left: 20px !important; } .sdk-site .platform h2 { font-size: 23px; line-height: 1.25; overflow-wrap: break-word; white-space: normal; } .sdk-site .plattform-container { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 22px; } .sdk-site .platform_panel .panel-body { min-height: 96px; } #footer { padding-top: 38px; } #footer > .container { grid-template-columns: 1fr; row-gap: 28px; } #footer .center-image { grid-column: 1; grid-row: auto; text-align: left; } #footer .footer-container { grid-column: 1; grid-row: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; } #footer .text-center { text-align: left; } .sdk-home .sdk-hint .container { min-height: 46px; padding-right: 18px; padding-left: 18px; text-align: center; } .sdk-home .sdk-hero > .container { padding-top: 38px; padding-bottom: 32px; } .sdk-home .sdk-hero h1 { font-size: 40px; line-height: 1.1; } .sdk-home .sdk-lead { margin-top: 14px; font-size: 16px; } .sdk-home .sdk-checks { display: grid; grid-template-columns: 1fr; gap: 7px; } .sdk-home .sdk-actions { display: grid; grid-template-columns: 1fr; } .sdk-home .sdk-actions .button-green, .sdk-home .sdk-actions .button-white { display: block; width: 100%; text-align: center; } .sdk-home .sdk-flow { margin-top: 30px; padding: 12px; } .sdk-home .sdk-flow__step { grid-template-columns: 26px 40px minmax(0, 1fr); gap: 10px; min-height: 78px; padding: 12px; } .sdk-home .sdk-flow__icon { width: 40px; height: 40px; } .sdk-home .sdk-trust { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px 12px; margin-top: 30px; } .sdk-home .sdk-trust > span { display: block; grid-column: 1; grid-row: 1; margin: 0; } .sdk-home .sdk-trust__viewport { grid-column: 1 / -1; grid-row: 2; } .sdk-home .sdk-trust__toggle { grid-column: 2; grid-row: 1; } .sdk-home .sdk-trust__logos { display: flex; min-width: 720px; gap: 36px; } .sdk-home .sdk-trust__logos img { max-width: 116px; height: 40px; } .sdk-home .sdk-section { padding: 44px 0; } .sdk-home .sdk-section-head { margin-bottom: 22px; } .sdk-home .sdk-section-head h2, .sdk-home .sdk-demo h2, .sdk-home .sdk-whitepaper h2 { font-size: 27px; } .sdk-home .sdk-product-grid, .sdk-home .sdk-benefit-grid, .sdk-home .sdk-use-case-grid { grid-template-columns: 1fr; gap: 12px; } .sdk-home .sdk-product-card, .sdk-home .sdk-benefit-grid article, .sdk-home .sdk-use-case-grid article { min-height: 0; padding: 20px; } .sdk-home .sdk-demo { grid-template-columns: 1fr; gap: 22px; padding: 24px 20px; border-radius: 12px; } .sdk-home .sdk-demo__actions { flex-wrap: wrap; } .sdk-home .sdk-store-button { flex: 1 1 125px; } .sdk-home .sdk-custom { align-items: flex-start; flex-direction: column; gap: 18px; padding: 22px 20px; } .sdk-home .sdk-custom .button-white { width: 100%; text-align: center; } .sdk-home .sdk-whitepaper fieldset { padding: 18px; } } @media screen and (max-width: 480px) { #footer .footer-container { gap: 24px 16px; } } @media screen and (max-width: 360px) { #mainToolbar .navbar-brand .toolbarImage { width: 88px; } #mainToolbar .navbar-brand { padding-right: 4px; } #mainToolbar .navbar-header .navbar-contact-button { min-height: 34px; padding-right: 6px; padding-left: 6px; font-size: 10.5px; } .sdk-industry-page .site-main > .sdk-industry-hero:first-of-type h1 { hyphens: auto; overflow-wrap: break-word; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .sdk-site *, .sdk-site *::before, .sdk-site *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } .sdk-home .sdk-trust__track { animation-duration: 110s !important; animation-iteration-count: infinite !important; } .sdk-landing-page .site-main > .container-fluid:first-of-type .slider:not(.sdk-logo-marquee) .slide { animation: none !important; transform: none !important; will-change: auto; } .sdk-landing-page .site-main > .container-fluid:first-of-type .sdk-logo-marquee .slide { animation-duration: 110s !important; animation-iteration-count: infinite !important; } .sdk-industry-page .site-main > .sdk-industry-customer-marquee .slide, .sdk-landing-page .site-main > .sdk-trial-hero + .sdk-industry-customer-marquee .slide { animation-duration: 110s !important; animation-iteration-count: infinite !important; } } /* Shared product and industry landing-page template */ .sdk-landing-page .site-main { overflow: clip; } .sdk-landing-page .site-main > .container-fluid:first-of-type { padding: 56px 0 44px; overflow: hidden; background: #F7F9F7 !important; } .sdk-landing-page .site-main > .container-fluid:first-of-type > .container > .row { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(260px, .75fr); gap: 52px; align-items: center; margin: 0; } .sdk-landing-page .site-main > .container-fluid:first-of-type > .container > .row > [class*="col-md-"] { float: none; width: auto; min-width: 0; padding: 0; } .sdk-landing-page .site-main > .container-fluid:first-of-type > .container > .row > [class*="col-md-"]:first-child { grid-column: 1; grid-row: 1; } .sdk-landing-page .site-main > .container-fluid:first-of-type > .container > .row > .header-image { grid-column: 2; grid-row: 1; } .sdk-landing-page .site-main > .container-fluid:first-of-type h1 { max-width: 790px; margin: 0; font-size: clamp(44px, 4.2vw, 50px); line-height: 1.12; } .sdk-landing-page .site-main > .container-fluid:first-of-type .start-highlight { max-width: 760px; margin: 13px 0 8px; color: var(--g-dark); font-size: 21px; line-height: 1.4; } .sdk-landing-page .site-main > .container-fluid:first-of-type .start-highlight-text { max-width: 720px; margin: 0 0 22px; color: #5D635D; font-size: 17px; line-height: 1.6; } .sdk-landing-page .site-main > .container-fluid:first-of-type .row > [class*="col-md-"]:first-child > p:not(.start-highlight):not(.start-highlight-text) { color: var(--ink-2); font-size: 14px; line-height: 1.55; } .sdk-landing-page .site-main > .container-fluid:first-of-type .glyphicon-ok { margin-right: 6px; color: var(--g) !important; font-size: 12px; } .sdk-landing-page .site-main > .container-fluid:first-of-type .header-image { display: flex; align-items: center; justify-content: center; margin: 0; } .sdk-landing-page .site-main > .container-fluid:first-of-type .header-image img { width: auto !important; max-width: 300px; max-height: 390px; object-fit: contain; filter: drop-shadow(0 18px 26px rgba(20, 36, 22, .10)); } .sdk-landing-page .site-main > .container-fluid:first-of-type .button-green, .sdk-landing-page .site-main > .container-fluid:first-of-type .button-white { margin-top: 8px; } .sdk-landing-page .site-main > .container-fluid:first-of-type .partner-container-parent { position: relative; max-width: 760px; margin: 30px 0 0; padding-top: 20px; border-top: 1px solid var(--line); } .sdk-landing-page .site-main > .container-fluid:first-of-type .sdk-hero-proof { margin: 0 0 14px; color: var(--ink-2); font-size: 15px; font-weight: 700; letter-spacing: .01em; } .sdk-landing-page .site-main > .container-fluid:first-of-type .slider { position: relative; min-height: 44px; } .sdk-landing-page .site-main > .container-fluid:first-of-type .slider::before, .sdk-landing-page .site-main > .container-fluid:first-of-type .slider::after { top: 0; width: 64px; height: 44px; background: linear-gradient(to right, #F7F9F7 10%, rgba(247, 249, 247, 0) 100%); } .sdk-landing-page .site-main > .container-fluid:first-of-type .slider::before { left: 0; } .sdk-landing-page .site-main > .container-fluid:first-of-type .slide { gap: 40px; padding-right: 40px; animation-duration: 110s; } .sdk-landing-page .site-main > .container-fluid:first-of-type .sdk-logo-marquee .slide { flex: 0 0 auto; animation: slideshow 110s linear infinite; } .sdk-banking-logo-row { display: flex; min-height: 44px; flex-wrap: wrap; align-items: center; gap: 24px 30px; } .sdk-banking-logo-row img { width: auto; max-width: 126px; height: 42px; object-fit: contain; opacity: .72; } .sdk-landing-page .site-main > .container-fluid:first-of-type .slide img { width: auto; max-width: 126px; height: 42px; object-fit: contain; opacity: .98; } .sdk-landing-page .site-main > .container-fluid:first-of-type .sdk-logo-marquee .slide img { width: 100px !important; max-width: 100px; flex: 0 0 100px; } .sdk-industry-page .site-main > .sdk-industry-customer-marquee, .sdk-landing-page .site-main > .sdk-trial-hero + .sdk-industry-customer-marquee { overflow: hidden; width: calc(100% - 30px); max-width: 1170px; margin: 24px auto 0; padding: 30px 32px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(135deg, #FFFFFF 0%, #F5FAF5 100%); } .sdk-industry-page .site-main > .sdk-industry-customer-marquee .sdk-hero-proof, .sdk-landing-page .site-main > .sdk-trial-hero + .sdk-industry-customer-marquee .sdk-hero-proof { max-width: 760px; margin: 0 0 24px; color: var(--ink-2); font-size: 15px; font-weight: 700; letter-spacing: .01em; } .sdk-industry-page .site-main > .sdk-industry-customer-marquee .sdk-logo-marquee, .sdk-landing-page .site-main > .sdk-trial-hero + .sdk-industry-customer-marquee .sdk-logo-marquee { position: relative; min-height: 56px; } .sdk-industry-page .site-main > .sdk-industry-customer-marquee .slide, .sdk-landing-page .site-main > .sdk-trial-hero + .sdk-industry-customer-marquee .slide { flex: 0 0 auto; gap: 40px; padding-right: 40px; animation: slideshow 150s linear infinite; will-change: transform; } .sdk-industry-page .site-main > .sdk-industry-customer-marquee .slide img, .sdk-landing-page .site-main > .sdk-trial-hero + .sdk-industry-customer-marquee .slide img { width: 130px !important; max-width: 130px; height: 48px; flex: 0 0 130px; object-fit: contain; opacity: .96; } .sdk-landing-page .site-main > .blank-space-25 { height: 24px; } .sdk-landing-page .site-main > .blank-space-50 { height: 48px; } .sdk-landing-page .site-main > .blank-space-100, .sdk-landing-page .site-main > .blank-space-only-desktop-100 { height: 72px; } .sdk-landing-page .site-main > .container:not(.contact-container) h2, .sdk-landing-page .site-main > .container-fluid:not(:first-of-type) h2 { margin-top: 0; font-size: 32px; line-height: 1.22; } .sdk-landing-page .site-main > .container:not(.contact-container) > .row, .sdk-landing-page .site-main > .container-fluid:not(:first-of-type) > .container > .row { display: flex; flex-wrap: wrap; align-items: center; } .sdk-landing-page .site-main > .container:not(.contact-container) > .row::before, .sdk-landing-page .site-main > .container:not(.contact-container) > .row::after, .sdk-landing-page .site-main > .container-fluid:not(:first-of-type) > .container > .row::before, .sdk-landing-page .site-main > .container-fluid:not(:first-of-type) > .container > .row::after { display: none !important; content: none !important; } .sdk-landing-page .site-main > .container-fluid:not(:first-of-type) { padding-top: 56px; padding-bottom: 56px; } .sdk-landing-page .site-main > .container-fluid[style*="#F4F5F5"] { background: #F7F8F6 !important; } .sdk-landing-page .site-main > .container-fluid[style*="#E4F3E5"] { background: var(--g-tonal) !important; } .sdk-landing-page .site-main > .container:not(.contact-container) .img-responsive:not(.sdkFeaturesImages), .sdk-landing-page .site-main > .container-fluid:not(:first-of-type) .img-responsive:not(.sdkFeaturesImages), .sdk-landing-page .site-main video { border-radius: 12px; } .sdk-landing-page .sdkFeaturesImages { width: 54px !important; height: 54px !important; margin: 0 auto 12px; padding: 11px; border-radius: 9px; background: var(--g-tonal); object-fit: contain; } /* Shared feature panels used by product and industry landing pages. */ .sdk-landing-page .sdk-feature-panel { padding: 24px !important; border: 1px solid var(--g-border); border-radius: 14px; background: linear-gradient(145deg, var(--g-50), #FFFFFF 82%); text-align: left; } .sdk-landing-page .sdk-feature-panel > .tag-label { margin-bottom: 10px; } .sdk-landing-page .sdk-feature-panel__title { margin: 0 0 18px !important; font-size: 26px !important; line-height: 1.25 !important; } .sdk-landing-page .sdk-feature-panel > .row, .sdk-landing-page .sdk-feature-panel__grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 12px; margin: 0; } .sdk-landing-page .sdk-feature-panel > .row + .row { margin-top: 6px; } .sdk-landing-page .sdk-feature-panel > .row::before, .sdk-landing-page .sdk-feature-panel > .row::after, .sdk-landing-page .sdk-feature-catalog-section > .row::before, .sdk-landing-page .sdk-feature-catalog-section > .row::after { display: none; } .sdk-landing-page .sdk-feature-card { min-width: 0; text-align: left; } .sdk-landing-page .sdk-feature-panel > .row > .sdk-feature-card, .sdk-landing-page .sdk-feature-panel__grid > div { display: grid; float: none; width: auto; min-height: 68px; grid-template-columns: 44px minmax(0, 1fr); align-items: center; gap: 12px; padding: 8px !important; border: 0; border-radius: 10px; background: transparent; color: var(--ink); font-size: 15px; font-weight: 700; line-height: 1.35; text-align: left; } .sdk-landing-page .sdk-feature-panel .sdk-feature-card > .sdkFeaturesImages, .sdk-landing-page .sdk-feature-panel__grid > div > img { display: block; width: 44px !important; height: 44px !important; margin: 0 !important; padding: 9px; border-radius: 10px !important; background: var(--g-tonal); object-fit: contain; } .sdk-landing-page .sdk-feature-panel .sdk-feature-card h3 { margin: 0; color: var(--ink); font-size: 15px; font-weight: 700; line-height: 1.35; } @media screen and (min-width: 992px) { @supports selector(:has(*)) { .sdk-landing-page .site-main > .container:not(.contact-container) > .row:has(> .sdk-feature-panel), .sdk-landing-page .site-main > .container-fluid:not(:first-of-type) > .container > .row:has(> .sdk-feature-panel) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; column-gap: 36px; margin-right: 0; margin-left: 0; } .sdk-landing-page .site-main > .container:not(.contact-container) > .row:has(> .col-md-7):has(> .col-md-5), .sdk-landing-page .site-main > .container-fluid:not(:first-of-type) > .container > .row:has(> .col-md-7):has(> .col-md-5) { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } .sdk-landing-page .site-main > .container:not(.contact-container) > .row:has(> .sdk-feature-panel) > [class*="col-"], .sdk-landing-page .site-main > .container-fluid:not(:first-of-type) > .container > .row:has(> .sdk-feature-panel) > [class*="col-"] { float: none; width: auto; } .sdk-landing-page .site-main > .container:not(.contact-container) > .row:has(> .sdk-feature-panel) > [class*="col-"]:not(.sdk-feature-panel), .sdk-landing-page .site-main > .container-fluid:not(:first-of-type) > .container > .row:has(> .sdk-feature-panel) > [class*="col-"]:not(.sdk-feature-panel) { padding-right: 0; padding-left: 0; } } } /* Full feature catalog: compact navigation and scan-friendly detail rows. */ .sdk-landing-page .site-main > .container.sdk-feature-catalog-intro { margin-top: 64px; } .sdk-landing-page .sdk-feature-catalog-intro > .tag-label { margin: 0 0 14px; } .sdk-landing-page .sdk-feature-catalog-nav { display: flex; flex-wrap: wrap; gap: 10px; } .sdk-landing-page .sdk-feature-catalog-nav a { display: inline-flex; min-height: 40px; align-items: center; padding: 8px 15px; border: 1px solid var(--g-border); border-radius: 999px; background: #FFFFFF; color: var(--g-dark); font-size: 14px; font-weight: 700; line-height: 1.25; text-decoration: none; transition: background-color .15s ease, border-color .15s ease, color .15s ease; } .sdk-landing-page .sdk-feature-catalog-nav a:hover, .sdk-landing-page .sdk-feature-catalog-nav a:focus { border-color: var(--g); background: var(--g-tonal); color: var(--g-dark); text-decoration: none; } .sdk-landing-page .site-main > .container.sdk-feature-catalog-section { display: block; margin-top: 56px; scroll-margin-top: 104px; } .sdk-landing-page .sdk-feature-catalog-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 18px; padding-bottom: 16px; border-bottom: 1px solid var(--line); } .sdk-landing-page .sdk-feature-catalog-heading > h2 { margin: 0 !important; } .sdk-landing-page .sdk-feature-catalog-heading__link { flex: 0 0 auto; color: var(--g-dark); font-size: 14px; font-weight: 700; text-decoration: none; } .sdk-landing-page .sdk-feature-catalog-heading__link:hover, .sdk-landing-page .sdk-feature-catalog-heading__link:focus { color: var(--g); text-decoration: none; } .sdk-landing-page .sdk-feature-catalog-section--photo-payment > .row > .sdk-feature-card { border-color: #cce5c8; background: linear-gradient(135deg, #fff 0%, #f7fbf5 100%); } .sdk-landing-page .site-main > .container.sdk-feature-catalog-section > .row { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 12px; margin: 0 0 12px; } .sdk-landing-page .sdk-feature-catalog-section > .row > .sdk-feature-card { position: relative; display: grid; float: none; width: auto; min-height: 0; grid-template-columns: 48px minmax(0, 1fr); grid-template-rows: auto 1fr; align-items: start; gap: 6px 14px; padding: 18px !important; border: 1px solid var(--line); border-radius: 12px; background: #FFFFFF; } .sdk-landing-page .sdk-feature-catalog-section > .row > .sdk-feature-card::before { width: 48px; height: 48px; grid-column: 1; grid-row: 1 / span 2; border-radius: 10px; background: var(--g-tonal); content: ""; } .sdk-landing-page .sdk-feature-catalog-section > .row > .sdk-feature-card:empty { display: none; } .sdk-landing-page .sdk-feature-catalog-section .sdk-feature-card > .sdk-feature-card__icon { z-index: 1; width: 48px !important; height: 48px !important; grid-column: 1; grid-row: 1 / span 2; margin: 0 !important; padding: 7px; background: transparent; filter: brightness(.72) saturate(1.18); object-fit: contain; } .sdk-landing-page .sdk-feature-catalog-section .sdk-feature-card h3 { grid-column: 2; margin: 1px 0 2px; font-size: 17px; line-height: 1.35; } .sdk-landing-page .sdk-feature-catalog-section .sdk-feature-card p { grid-column: 2; margin: 0; color: var(--ink-2); font-size: 15px; line-height: 1.55; } @supports selector(:has(*)) { .sdk-landing-page .site-main > .container:has(.sdk-feature-panel) { padding-top: 64px; padding-bottom: 64px; } .sdk-landing-page .site-main > .blank-space-100:has(+ .container .sdk-feature-panel), .sdk-landing-page .site-main > .container:has(.sdk-feature-panel) + .blank-space-100 { display: none; } } .sdk-landing-page .columns-3-Branchen-container { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; max-width: 1160px; margin: 30px auto 0; text-align: left; } .sdk-landing-page .columns-3-Branchen-container > div { position: relative; display: flex; min-width: 0; min-height: 166px; flex-direction: column; align-items: flex-start; padding: 20px; border: 1px solid var(--line); border-radius: 8px; background: #FFFFFF; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; } .sdk-landing-page .columns-3-Branchen-container > div > img, .sdk-landing-page .columns-3-Branchen-container > div > .img { display: block; width: 64px; height: 64px; margin: 0 0 24px !important; padding: 12px; border-radius: 12px; background: var(--g-50); object-fit: contain; } .sdk-landing-page .columns-3-Branchen-container > div:hover, .sdk-landing-page .columns-3-Branchen-container > div:focus-within { border-color: var(--g-border); box-shadow: var(--shadow-sm); transform: translateY(-2px); } .sdk-landing-page .columns-3-Branchen-container > div > .button-white { min-height: 0; margin: auto 0 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--g-dark); font-size: 17px; font-weight: 700; line-height: 1.35; } .sdk-landing-page .columns-3-Branchen-container > div > .button-white::before { position: absolute; inset: 0; content: ""; } .sdk-landing-page .columns-3-Branchen-container > div > .button-white::after { margin-left: 5px; content: "→"; } .sdk-landing-page .columns-3-Branchen-container > div > .button-white:hover, .sdk-landing-page .columns-3-Branchen-container > div > .button-white:focus { background: transparent; color: var(--g); text-decoration: none; } .sdk-landing-page .columns-3-Branchen-container > div > b { margin-top: auto; color: var(--ink); font-size: 17px; line-height: 1.35; } .sdk-landing-page .sdk-related-industry-links { max-width: 940px; margin: 28px auto 0; color: var(--sdk-muted); font-size: 15px; line-height: 1.7; text-align: center; } .sdk-landing-page .sdk-related-industry-links a { color: var(--sdk-green-deep); font-weight: 700; } @supports selector(:has(*)) { .sdk-landing-page .columns-3-Branchen-container:has(> div:nth-child(3):last-child), .sdk-landing-page .columns-3-Branchen-container:has(> div:nth-child(6):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .sdk-landing-page .demoapp-container { grid-template-columns: repeat(2, minmax(180px, 280px)); gap: 16px; justify-content: center; margin-top: 28px; } .sdk-landing-page .demoapp-container > div { padding: 24px; border: 1px solid var(--line); border-radius: 8px; background: #FFFFFF; } .sdk-landing-page .demoapp-container h3 { margin-top: 6px; font-size: 19px; } .sdk-landing-page .site-main blockquote, .sdk-landing-page .site-main p > i:only-child { display: block; padding: 22px 24px; border-left: 3px solid var(--g); border-radius: 0 8px 8px 0; background: #F7F8F6; color: var(--ink-2); } @media screen and (max-width: 991px) { .sdk-landing-page .site-main > .container-fluid:first-of-type { padding: 42px 0 38px; } .sdk-landing-page .site-main > .container-fluid:first-of-type > .container > .row { grid-template-columns: minmax(0, 1fr) minmax(220px, .48fr); gap: 34px; } .sdk-landing-page .site-main > .container-fluid:first-of-type h1 { font-size: 38px; } .sdk-landing-page .site-main > .container-fluid:first-of-type .header-image img { max-width: 240px; max-height: 320px; } .sdk-landing-page .site-main > .container:not(.contact-container) > .row > [class*="col-"], .sdk-landing-page .site-main > .container-fluid:not(:first-of-type) > .container > .row > [class*="col-"] { float: none; width: 100%; } .sdk-landing-page .sdk-feature-panel { margin-top: 0; padding: 20px !important; } @supports selector(:has(*)) { .sdk-landing-page .site-main > .container:not(.contact-container) > .row:has(> .sdk-feature-panel), .sdk-landing-page .site-main > .container-fluid:not(:first-of-type) > .container > .row:has(> .sdk-feature-panel) { row-gap: 32px; } } } @media screen and (min-width: 768px) and (max-width: 991px) { .sdk-landing-page .site-main > .sdk-product-hero:first-of-type > .container > .row { grid-template-columns: minmax(0, 1fr) minmax(300px, .58fr); } .sdk-landing-page .site-main > .sdk-photo-hero:first-of-type > .container > .row { grid-template-columns: 1fr; } .sdk-landing-page .site-main > .sdk-photo-hero:first-of-type > .container > .row > .header-image { grid-column: 1; grid-row: 2; width: min(100%, 640px); justify-self: center; } } @media screen and (max-width: 767px) { .sdk-landing-page .site-main > .container-fluid:first-of-type { padding: 34px 0 30px; } .sdk-landing-page .site-main > .container-fluid:first-of-type > .container > .row { grid-template-columns: 1fr; gap: 28px; } .sdk-landing-page .site-main > .container-fluid:first-of-type > .container > .row > .header-image { grid-column: 1; grid-row: 2; } .sdk-landing-page .site-main > .container-fluid:first-of-type h1 { font-size: 34px; } .sdk-landing-page .site-main > .container-fluid:first-of-type .start-highlight { font-size: 19px; } .sdk-landing-page .site-main > .container-fluid:first-of-type .start-highlight-text { font-size: 16px; } .sdk-landing-page .site-main > .container-fluid:first-of-type .button-green, .sdk-landing-page .site-main > .container-fluid:first-of-type .button-white { display: block; width: 100%; max-width: 340px; margin: 12px 0 0 !important; text-align: center; } .sdk-landing-page .site-main > .container-fluid:first-of-type .partner-container-parent { margin-top: 26px; } .sdk-landing-page .site-main > .container-fluid:first-of-type .header-image img { max-width: 220px; max-height: 290px; } .sdk-landing-page .site-main > .blank-space-50 { height: 38px; } .sdk-landing-page .site-main > .blank-space-100, .sdk-landing-page .site-main > .blank-space-only-desktop-100 { height: 48px; } .sdk-landing-page .site-main > .container-fluid:not(:first-of-type) { padding-top: 44px; padding-bottom: 44px; } .sdk-landing-page .site-main > .container:not(.contact-container) h2, .sdk-landing-page .site-main > .container-fluid:not(:first-of-type) h2 { font-size: 27px; } .sdk-landing-page .columns-3-Branchen-container { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sdk-landing-page .demoapp-container { grid-template-columns: 1fr; } .sdk-landing-page .site-main > .container.sdk-feature-catalog-intro { margin-top: 48px; } .sdk-landing-page .sdk-feature-catalog-nav { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 5px; scrollbar-width: none; -ms-overflow-style: none; } .sdk-landing-page .sdk-feature-catalog-nav::-webkit-scrollbar { display: none; } .sdk-landing-page .sdk-feature-catalog-nav a { flex: 0 0 auto; white-space: nowrap; } .sdk-landing-page .site-main > .container.sdk-feature-catalog-section { margin-top: 44px; } .sdk-landing-page .sdk-feature-catalog-heading { align-items: flex-start; flex-direction: column; gap: 8px; } .sdk-landing-page .site-main > .container.sdk-feature-catalog-section > .row { grid-template-columns: 1fr; } .sdk-landing-page .sdk-feature-catalog-section > .row > .sdk-feature-card { grid-template-rows: auto auto; padding: 16px !important; } .sdk-landing-page .sdk-feature-catalog-section > .row > .sdk-feature-card::before, .sdk-landing-page .sdk-feature-catalog-section .sdk-feature-card > .sdk-feature-card__icon { grid-row: 1; } .sdk-landing-page .sdk-feature-catalog-section .sdk-feature-card p { grid-column: 1 / -1; margin-top: 5px; } @supports selector(:has(*)) { .sdk-landing-page .site-main > .container:has(.sdk-feature-panel) { padding-top: 44px; padding-bottom: 44px; } } } @media screen and (max-width: 420px) { .sdk-landing-page .columns-3-Branchen-container { grid-template-columns: 1fr; } .sdk-landing-page .columns-3-Branchen-container > div { min-height: 0; flex-direction: row; align-items: center; gap: 16px; padding: 18px; } .sdk-landing-page .columns-3-Branchen-container > div > img, .sdk-landing-page .columns-3-Branchen-container > div > .img { width: 52px; height: 52px; margin: 0 !important; padding: 10px; flex: 0 0 52px; } .sdk-landing-page .columns-3-Branchen-container > div > .button-white { margin: 0; font-size: 16px; } .sdk-landing-page .columns-3-Branchen-container > div > b { margin: 0; font-size: 16px; } .sdk-landing-page .sdk-feature-panel > .row, .sdk-landing-page .sdk-feature-panel__grid { grid-template-columns: 1fr; } .sdk-landing-page .sdk-feature-panel { padding: 18px !important; } } /* Photo Payment decision module for bank and fintech evaluators. */ .sdk-landing-page { --sdk-photo-section-gap: 64px; --sdk-photo-section-padding: 64px; } .sdk-landing-page .sdk-photo-decision { padding: 32px; border: 1px solid var(--g-border); border-radius: 16px; background: linear-gradient(135deg, var(--g-tonal), #FFFFFF 72%); } .sdk-landing-page .sdk-photo-decision > .tag-label { margin: 0 0 12px; } .sdk-landing-page .sdk-photo-decision h2 { max-width: 720px; margin-bottom: 16px !important; } .sdk-landing-page .sdk-photo-decision__intro { max-width: 880px; margin-bottom: 0; color: var(--muted); font-size: 17px; line-height: 1.6; } .sdk-landing-page .sdk-photo-comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 26px; } .sdk-landing-page .sdk-photo-comparison__card { min-width: 0; padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255, 255, 255, .86); } .sdk-landing-page .sdk-photo-comparison__card--local { border-color: var(--g-border); background: var(--g-50); } .sdk-landing-page .sdk-photo-comparison__label { display: inline-block; margin-bottom: 12px; color: var(--muted); font-size: 12px; font-weight: 800; letter-spacing: .08em; } .sdk-landing-page .sdk-photo-comparison__card--local .sdk-photo-comparison__label { color: var(--g-dark); } .sdk-landing-page .sdk-photo-comparison__card h3 { margin: 0 0 14px; font-size: 20px; } .sdk-landing-page .sdk-photo-comparison__card ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .sdk-landing-page .sdk-photo-comparison__card li { position: relative; padding-left: 24px; color: var(--ink-2); line-height: 1.5; } .sdk-landing-page .sdk-photo-comparison__card li::before { position: absolute; top: 0; left: 0; color: var(--muted); content: "\2022"; font-weight: 800; } .sdk-landing-page .sdk-photo-comparison__card--local li::before { color: var(--g); content: "\2713"; } .sdk-landing-page .sdk-photo-decision__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 24px; } .sdk-landing-page .sdk-photo-decision__actions a { display: inline-flex; align-items: center; justify-content: center; margin: 0 !important; text-align: center; } @media screen and (max-width: 767px) { .sdk-landing-page .sdk-photo-decision { width: auto; margin-right: 15px; margin-left: 15px; padding: 22px 18px; } .sdk-landing-page .sdk-photo-decision__actions { display: grid; } .sdk-landing-page .sdk-photo-comparison { grid-template-columns: 1fr; } .sdk-landing-page .sdk-photo-decision__actions a { width: 100%; text-align: center; } } /* Photo Payment product page */ .sdk-landing-page .sdk-photo-product-visual { position: relative; display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 12px; width: 100%; max-width: 560px; min-height: 328px; padding: 14px; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(145deg, #F6FAF6, #FFFFFF 68%); box-shadow: var(--shadow-sm); } .sdk-landing-page .sdk-photo-product-visual__capture { position: relative; min-width: 0; overflow: hidden; border-radius: 16px; background: #9B6538; } .sdk-landing-page .site-main > .container-fluid.sdk-photo-hero:first-of-type .sdk-photo-product-visual__capture img { width: 100% !important; max-width: none; height: 100% !important; max-height: none; object-fit: contain; object-position: center; filter: none; } .sdk-landing-page .sdk-photo-product-visual__source-label { position: absolute; right: 12px; bottom: 12px; display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px; border: 1px solid rgba(255, 255, 255, .55); border-radius: 999px; background: rgba(13, 23, 17, .84); color: #fff; font-size: 9px; font-weight: 800; letter-spacing: .055em; line-height: 1.2; white-space: nowrap; backdrop-filter: blur(6px); } .sdk-landing-page .sdk-photo-product-visual__source-label::before { width: 6px; height: 6px; border-radius: 50%; background: #83CE88; content: ""; } .sdk-landing-page .sdk-photo-product-visual__result { display: flex; min-width: 0; padding: 22px 20px; border: 1px solid #E4E9E4; border-radius: 16px; background: #fff; flex-direction: column; justify-content: center; } .sdk-landing-page .sdk-photo-product-visual__eyebrow { color: var(--g-dark); font-size: 10px; font-weight: 850; letter-spacing: .09em; } .sdk-landing-page .sdk-photo-product-visual__title { display: block; margin-top: 5px; color: var(--ink); font-size: 24px; line-height: 1.15; } .sdk-landing-page .sdk-photo-product-visual__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 20px; } .sdk-landing-page .sdk-photo-product-visual__fields > span { min-width: 0; padding: 10px; border: 1px solid #E2E8E2; border-radius: 9px; background: #FAFCFA; } .sdk-landing-page .sdk-photo-product-visual__fields small, .sdk-landing-page .sdk-photo-product-visual__fields strong { display: block; } .sdk-landing-page .sdk-photo-product-visual__fields small { margin-bottom: 3px; color: var(--muted); font-size: 10px; } .sdk-landing-page .sdk-photo-product-visual__fields strong { color: var(--ink-2); font-size: 12px; line-height: 1.25; overflow-wrap: anywhere; } .sdk-landing-page .sdk-photo-product-visual__status strong { color: var(--g-dark); } .sdk-landing-page .sdk-photo-product-visual__status b { margin-right: 5px; color: var(--g); } .sdk-landing-page .sdk-photo-product-visual__fields > .sdk-photo-product-visual__iban { grid-column: 1 / -1; border-color: var(--g-border); background: var(--g-50); } .sdk-landing-page .sdk-photo-product-visual__iban strong { color: var(--g-dark); font-size: 11px; letter-spacing: .015em; white-space: nowrap; } .sdk-landing-page .sdk-photo-product-visual__arrow { position: absolute; z-index: 2; top: 50%; left: 45%; display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border: 1px solid var(--g-border); border-radius: 50%; background: #fff; color: var(--g); font-size: 22px; line-height: 1; transform: translate(-50%, -50%); } @media screen and (min-width: 992px) { .sdk-landing-page .site-main > .container-fluid.sdk-photo-hero:first-of-type > .container > .row { grid-template-columns: minmax(0, 1.1fr) minmax(420px, .9fr); gap: 54px; } } .sdk-landing-page .sdk-photo-section { margin-top: var(--sdk-photo-section-gap); margin-bottom: var(--sdk-photo-section-gap); } .sdk-landing-page .sdk-photo-section:not(.sdk-photo-decision) { padding-top: 0; padding-right: 15px; padding-bottom: 0; padding-left: 15px; } .sdk-landing-page .sdk-photo-hero__benefits { display: grid; gap: 8px; margin: 24px 0 26px; } .sdk-landing-page .sdk-photo-hero__benefits p { margin: 0; color: var(--ink-2); font-size: 15px; font-weight: 650; line-height: 1.5; } .sdk-landing-page .sdk-photo-hero__benefits .glyphicon { margin-right: 8px; color: var(--g); } .sdk-landing-page .sdk-photo-hero__actions, .sdk-landing-page .sdk-photo-technical__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; } .sdk-landing-page .sdk-photo-hero__actions a, .sdk-landing-page .sdk-photo-technical__actions a { display: inline-flex; align-items: center; justify-content: center; margin: 0 !important; text-align: center; } .sdk-landing-page .sdk-photo-proof, .sdk-landing-page .sdk-photo-fields, .sdk-landing-page .sdk-photo-platforms, .sdk-landing-page .sdk-photo-final-cta { padding-top: var(--sdk-photo-section-padding); padding-bottom: var(--sdk-photo-section-padding); } .sdk-landing-page .sdk-photo-proof, .sdk-landing-page .sdk-photo-platforms { background: #F6F9F6; } .sdk-landing-page .sdk-photo-proof__layout { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr); gap: 24px; margin-top: 32px; } .sdk-landing-page .sdk-photo-quote { display: grid; grid-template-columns: 128px minmax(0, 1fr); align-items: start; gap: 24px; padding: 30px; border: 1px solid var(--g-border); border-radius: 16px; background: linear-gradient(135deg, var(--g-tonal), #fff 72%); box-shadow: none; } .sdk-landing-page .sdk-photo-quote__portrait { width: 128px; height: 128px; border-radius: 50%; object-fit: cover; } .sdk-landing-page .sdk-photo-quote blockquote { margin: 0 0 20px; padding: 0; border: 0; background: transparent; color: var(--ink); font-size: 20px; font-weight: 650; line-height: 1.55; } .sdk-landing-page .sdk-photo-quote p { margin: 0; color: var(--muted); line-height: 1.5; } .sdk-landing-page .sdk-photo-case-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .sdk-landing-page .sdk-photo-case { display: flex; min-width: 0; padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: #fff; color: var(--ink); flex-direction: column; text-decoration: none; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; } .sdk-landing-page .sdk-photo-case:hover, .sdk-landing-page .sdk-photo-case:focus-visible { border-color: var(--g-border); box-shadow: var(--shadow-md); color: var(--g-dark); outline: none; transform: translateY(-2px); } .sdk-landing-page .sdk-photo-case img { width: auto; max-width: 126px; height: 42px; margin-bottom: 22px; object-fit: contain; object-position: left center; } .sdk-landing-page .sdk-photo-case > span { color: var(--g-dark); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .sdk-landing-page .sdk-photo-case h3 { margin: 10px 0 24px; font-size: 18px; line-height: 1.35; } .sdk-landing-page .sdk-photo-case > strong { margin-top: auto; color: var(--g-dark); font-size: 14px; } .sdk-landing-page .sdk-photo-media { display: flex; align-items: center; flex-wrap: wrap; gap: 26px 38px; margin-top: 30px; padding-top: 26px; border-top: 1px solid var(--line); } .sdk-landing-page .sdk-photo-media > span { color: var(--muted); font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; } .sdk-landing-page .sdk-photo-media img { width: auto; max-width: 250px; height: 42px; object-fit: contain; } .sdk-landing-page .sdk-photo-section__heading { max-width: 820px; margin-bottom: 34px; } .sdk-landing-page .sdk-photo-section__heading.text-center { margin-right: auto; margin-left: auto; } .sdk-landing-page .sdk-photo-section__heading > p:last-child, .sdk-landing-page .sdk-photo-fields__intro { color: var(--muted); font-size: 17px; line-height: 1.6; } .sdk-landing-page .sdk-photo-workflow__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(310px, 390px); align-items: start; gap: 70px; } .sdk-landing-page .sdk-photo-steps { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; } .sdk-landing-page .sdk-photo-steps li { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 18px; padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: #fff; } .sdk-landing-page .sdk-photo-steps li > span { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 12px; background: var(--g-tonal); color: var(--g-dark); font-size: 20px; font-weight: 800; } .sdk-landing-page .sdk-photo-steps h3 { margin: 1px 0 6px; font-size: 19px; } .sdk-landing-page .sdk-photo-steps p { margin: 0; color: var(--muted); line-height: 1.55; } .sdk-landing-page .sdk-photo-video { margin: 0; text-align: center; } .sdk-landing-page .sdk-photo-device { position: relative; width: min(100%, 354px); margin: 0 auto; padding: 20px 9px 18px; border: 1px solid #303532; border-radius: 42px; background: linear-gradient(145deg, #303532, #111412 58%, #252a27); box-shadow: 0 28px 60px rgba(22, 36, 25, .2), 0 8px 20px rgba(22, 36, 25, .12), inset 0 0 0 1px rgba(255, 255, 255, .08); } .sdk-landing-page .sdk-photo-device::after { position: absolute; top: 145px; right: -4px; width: 3px; height: 72px; border-radius: 0 3px 3px 0; background: #242926; content: ""; } .sdk-landing-page .sdk-photo-device__speaker { position: absolute; z-index: 1; top: 8px; left: 50%; width: 48px; height: 4px; border-radius: 999px; background: #555c58; transform: translateX(-50%); } .sdk-landing-page .sdk-photo-video video { display: block; width: 100%; height: auto; margin: 0; border-radius: 28px; background: #edf2ed; box-shadow: none; } .sdk-landing-page .sdk-photo-video figcaption { max-width: 380px; margin: 16px auto 0; color: var(--muted); font-size: 13px; line-height: 1.5; } .sdk-landing-page .sdk-photo-fields { background: linear-gradient(135deg, #EAF5EB, #F8FBF8 72%); } .sdk-landing-page .sdk-photo-field-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 30px 0 0; padding: 0; list-style: none; } .sdk-landing-page .sdk-photo-field-grid li { display: grid; gap: 8px; padding: 22px; border: 1px solid var(--g-border); border-radius: 14px; background: rgba(255, 255, 255, .9); } .sdk-landing-page .sdk-photo-field-grid strong { color: var(--ink); font-size: 17px; } .sdk-landing-page .sdk-photo-field-grid span { color: var(--muted); line-height: 1.5; } .sdk-landing-page .sdk-photo-fields__more { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr); gap: 36px; align-items: center; margin-top: 20px; padding: 26px 28px; border: 1px solid rgba(46, 125, 50, .2); border-radius: 16px; background: rgba(255, 255, 255, .72); } .sdk-landing-page .sdk-photo-fields__more-label { margin: 0 0 8px; color: var(--g-dark); font-size: 12px; font-weight: 800; letter-spacing: .1em; } .sdk-landing-page .sdk-photo-fields__more h3 { margin: 0 0 8px; color: var(--ink); font-size: 21px; } .sdk-landing-page .sdk-photo-fields__more p:last-child { margin: 0; color: var(--muted); line-height: 1.55; } .sdk-landing-page .sdk-photo-fields__more ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .sdk-landing-page .sdk-photo-fields__more li { position: relative; padding: 10px 12px 10px 34px; border: 1px solid var(--g-border); border-radius: 10px; background: #fff; color: var(--ink-2); font-size: 14px; font-weight: 650; line-height: 1.4; } .sdk-landing-page .sdk-photo-fields__more li::before { position: absolute; top: 10px; left: 12px; color: var(--g); content: "\2713"; font-weight: 800; } .sdk-landing-page .sdk-photo-technical { display: grid; grid-template-columns: minmax(280px, .78fr) minmax(0, 1.22fr); align-items: start; gap: 54px; } .sdk-landing-page .sdk-photo-technical::before, .sdk-landing-page .sdk-photo-technical::after { display: none; content: none; } .sdk-landing-page .sdk-photo-technical__copy { grid-column: 1; } .sdk-landing-page .sdk-photo-code { grid-column: 2; min-width: 0; } .sdk-landing-page .sdk-photo-technical__copy > p:not(.tag-label) { color: var(--muted); font-size: 17px; line-height: 1.6; } .sdk-landing-page .sdk-photo-technical__actions { margin-top: 26px; } .sdk-landing-page .sdk-photo-code .sdk-code-block, .sdk-landing-page .sdk-photo-code pre { margin: 0; } .sdk-landing-page .sdk-photo-platform-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 32px; } .sdk-landing-page .sdk-photo-platform-grid article { padding: 24px; border: 1px solid var(--g-border); border-radius: 14px; background: #fff; box-shadow: none; } .sdk-landing-page .sdk-photo-platform-grid article > span { display: inline-block; margin-bottom: 12px; color: var(--g-dark); font-size: 12px; font-weight: 800; letter-spacing: .08em; } .sdk-landing-page .sdk-photo-platform-grid h3 { margin: 0 0 10px; font-size: 19px; } .sdk-landing-page .sdk-photo-platform-grid p { margin: 0; color: var(--muted); line-height: 1.55; } .sdk-landing-page .sdk-photo-evaluation__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .sdk-landing-page .sdk-photo-evaluation__grid article { display: flex; align-items: flex-start; min-width: 0; padding: 26px; border: 1px solid var(--line); border-radius: 15px; background: #fff; flex-direction: column; } .sdk-landing-page .sdk-photo-evaluation__grid article > img, .sdk-landing-page .sdk-photo-evaluation__trial-icon { width: 52px !important; height: 52px !important; margin: 0 0 18px !important; padding: 10px; border-radius: 12px; background: var(--g-tonal); color: var(--g-dark); object-fit: contain; } .sdk-landing-page .sdk-photo-evaluation__trial-icon { display: inline-flex; align-items: center; justify-content: center; font-size: 17px; font-weight: 800; } .sdk-landing-page .sdk-photo-evaluation__grid h3 { margin: 0 0 8px; font-size: 20px; } .sdk-landing-page .sdk-photo-evaluation__grid p { margin: 0 0 24px; color: var(--muted); line-height: 1.55; } .sdk-landing-page .sdk-photo-evaluation__grid a { display: inline-flex; align-items: center; justify-content: center; margin-top: auto; text-align: center; } .sdk-landing-page .sdk-photo-evaluation__trial { border-color: var(--g-border) !important; background: var(--g-50) !important; } .sdk-landing-page .sdk-photo-final-cta { background: var(--g-dark); color: #fff; } .sdk-landing-page .sdk-photo-final-cta > .container { display: flex; align-items: center; justify-content: space-between; gap: 42px; } .sdk-landing-page .sdk-photo-final-cta h2, .sdk-landing-page .sdk-photo-final-cta p { color: #fff !important; } .sdk-landing-page .sdk-photo-final-cta .tag-label { border-color: rgba(255, 255, 255, .3); background: rgba(255, 255, 255, .12); color: #fff !important; } .sdk-landing-page .sdk-photo-final-cta h2 { max-width: 760px; margin-bottom: 12px !important; } .sdk-landing-page .sdk-photo-final-cta p:last-child { max-width: 780px; margin: 0; color: rgba(255,255,255,.84) !important; font-size: 16px; line-height: 1.55; } .sdk-landing-page .sdk-photo-final-cta .button-green { flex: 0 0 auto; border-color: #fff; background: #fff; color: var(--g-dark) !important; } .sdk-landing-page .sdk-product-section { margin-top: var(--sdk-photo-section-gap); margin-bottom: var(--sdk-photo-section-gap); padding: 0 15px; } .sdk-landing-page .sdk-product-faq__heading { max-width: 820px; margin: 0 auto 34px; } .sdk-landing-page .sdk-product-faq .faq-container { max-width: 900px; margin: 0 auto; border: 1px solid var(--line); border-radius: 16px; background: #fff; overflow: hidden; } .sdk-landing-page .sdk-product-faq .faq-heading-item { margin: 0; } .sdk-landing-page .sdk-product-faq .faq-page { display: flex; align-items: center; justify-content: space-between; min-height: 76px; margin: 0; padding: 22px 26px; background: #fff; color: var(--ink); font-size: 17px; line-height: 1.4; text-align: left; } .sdk-landing-page .sdk-product-faq .faq-page::before { order: 2; margin: 0 0 0 22px; float: none; flex: 0 0 auto; } .sdk-landing-page .sdk-product-faq .faq-page.active::before { content: "\2796"; } .sdk-landing-page .sdk-product-faq .faq-page:focus-visible { outline: 3px solid rgba(46, 125, 50, .25); outline-offset: -3px; } .sdk-landing-page .sdk-product-faq .faq-body { width: 100%; padding: 0 26px 24px; background: #fff; } .sdk-landing-page .sdk-product-faq .faq-body:not([hidden]) { display: block; } .sdk-landing-page .sdk-product-faq .faq-body p { margin: 0; color: var(--muted); line-height: 1.65; } .sdk-landing-page .sdk-product-faq .hr-line { width: 100%; border-color: var(--line); } @media screen and (max-width: 991px) { .sdk-landing-page .sdk-photo-product-visual { max-width: 640px; } .sdk-landing-page .sdk-photo-proof__layout, .sdk-landing-page .sdk-photo-workflow__layout, .sdk-landing-page .sdk-photo-technical { grid-template-columns: 1fr; } .sdk-landing-page .sdk-photo-workflow__layout { gap: 42px; } .sdk-landing-page .sdk-photo-technical__copy, .sdk-landing-page .sdk-photo-code { grid-column: 1; } .sdk-landing-page .sdk-photo-field-grid, .sdk-landing-page .sdk-photo-platform-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sdk-landing-page .sdk-photo-fields__more { grid-template-columns: 1fr; } .sdk-landing-page .sdk-photo-final-cta > .container { align-items: flex-start; flex-direction: column; } } @media screen and (max-width: 767px) { .sdk-landing-page { --sdk-photo-section-gap: 48px; --sdk-photo-section-padding: 52px; } .sdk-landing-page .sdk-photo-product-visual { grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: 8px; min-height: 270px; padding: 10px; border-radius: 18px; } .sdk-landing-page .sdk-photo-product-visual__capture, .sdk-landing-page .sdk-photo-product-visual__result { border-radius: 12px; } .sdk-landing-page .sdk-photo-product-visual__result { padding: 15px 12px; } .sdk-landing-page .sdk-photo-product-visual__title { font-size: 20px; } .sdk-landing-page .sdk-photo-product-visual__fields { gap: 6px; margin-top: 14px; } .sdk-landing-page .sdk-photo-product-visual__fields > span { padding: 8px 7px; } .sdk-landing-page .sdk-photo-product-visual__fields strong { font-size: 10.5px; } .sdk-landing-page .sdk-photo-product-visual__source-label { right: 8px; bottom: 8px; padding: 5px 7px; font-size: 7px; } .sdk-landing-page .sdk-photo-product-visual__arrow { left: 41%; width: 32px; height: 32px; font-size: 18px; } .sdk-landing-page .sdk-photo-hero__actions, .sdk-landing-page .sdk-photo-technical__actions { display: grid; } .sdk-landing-page .sdk-photo-hero__actions a, .sdk-landing-page .sdk-photo-technical__actions a { width: 100%; } .sdk-landing-page .sdk-photo-quote { grid-template-columns: 1fr; padding: 22px; } .sdk-landing-page .sdk-photo-quote blockquote { font-size: 18px; } .sdk-landing-page .sdk-photo-case-grid, .sdk-landing-page .sdk-photo-field-grid, .sdk-landing-page .sdk-photo-platform-grid, .sdk-landing-page .sdk-photo-evaluation__grid { grid-template-columns: 1fr; } .sdk-landing-page .sdk-photo-fields__more { gap: 22px; padding: 22px; } .sdk-landing-page .sdk-photo-fields__more ul { grid-template-columns: 1fr; } .sdk-landing-page .sdk-photo-media { align-items: flex-start; flex-direction: column; } .sdk-landing-page .sdk-photo-media img { max-width: min(100%, 250px); } .sdk-landing-page .sdk-photo-steps li { grid-template-columns: 42px minmax(0, 1fr); padding: 18px; } .sdk-landing-page .sdk-photo-steps li > span { width: 42px; height: 42px; } .sdk-landing-page .sdk-photo-device { width: min(88vw, 332px); padding: 18px 8px 16px; border-radius: 38px; } .sdk-landing-page .sdk-photo-video video { border-radius: 25px; } .sdk-landing-page .sdk-product-faq .faq-page { min-height: 68px; padding: 18px; font-size: 16px; } .sdk-landing-page .sdk-product-faq .faq-body { padding: 0 18px 20px; } } @media screen and (max-width: 767px) { .sdk-landing-page .sdk-feature-panel, .sdk-landing-page .sdk-feature-panel__title, .sdk-landing-page .sdk-feature-panel__grid, .sdk-landing-page .sdk-feature-panel__grid > div { min-width: 0; max-width: 100%; } .sdk-landing-page .sdk-feature-panel__title, .sdk-landing-page .sdk-feature-panel__grid > div { overflow-wrap: break-word; } } /* Product-specific platform scope for OCR and data extraction. */ .sdk-landing-page .sdk-platform-scope { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 38px; } .sdk-landing-page .sdk-platform-scope::before, .sdk-landing-page .sdk-platform-scope::after { display: none; content: none; } .sdk-landing-page .sdk-platform-scope__card { min-width: 0; padding: 22px; border: 1px solid var(--g-border); border-radius: 14px; background: #FFFFFF; box-shadow: none; } .sdk-landing-page .sdk-platform-scope__card .tag-label { display: inline-block; margin: 0 0 12px; } .sdk-landing-page .sdk-platform-scope__card h3 { margin: 0 0 9px; font-size: 20px; } .sdk-landing-page .sdk-platform-scope__card p { margin: 0; color: var(--muted); line-height: 1.55; } @media screen and (min-width: 600px) and (max-width: 991px) { .sdk-landing-page .sdk-platform-scope { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sdk-landing-page .sdk-platform-scope__card:last-child { grid-column: 1 / -1; } } @media screen and (max-width: 767px) { .sdk-landing-page .sdk-platform-scope { grid-template-columns: 1fr; } } /* Current product visuals: real demo material in one consistent, border-led system. */ .sdk-landing-page .sdk-product-hero .header-image { display: flex; align-items: center; justify-content: center; } .sdk-landing-page .sdk-product-hero .sdk-product-visual { position: relative; width: 100%; max-width: 390px; min-height: 330px; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg, #FFFFFF, var(--g-50)); } .sdk-landing-page .sdk-product-hero .sdk-product-visual img { max-width: none !important; max-height: none !important; margin: 0 !important; } .sdk-product-visual__eyebrow { display: block; color: var(--g-dark); font-size: 9px; font-weight: 800; letter-spacing: .12em; line-height: 1.3; } .sdk-product-visual__status { display: flex; align-items: center; gap: 6px; color: var(--g-dark); font-size: 11px; font-weight: 700; line-height: 1.3; } .sdk-product-visual__status > span { display: inline-grid; width: 17px; height: 17px; flex: 0 0 17px; place-items: center; border-radius: 50%; background: var(--g-tonal); } .sdk-product-visual--data { min-height: 326px !important; } .sdk-product-visual--data .sdk-product-visual__source { position: absolute; top: 30px; bottom: 30px; left: 22px; width: 48%; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: #FFFFFF; } .sdk-product-visual--data .sdk-product-visual__source img { width: 100% !important; height: 100% !important; object-fit: cover; object-position: 50% 14%; } .sdk-product-visual--data .sdk-product-visual__source > span { position: absolute; bottom: 10px; left: 10px; padding: 5px 8px; border-radius: 999px; background: rgba(20, 52, 30, .88); color: #FFFFFF; font-size: 8px; font-weight: 800; letter-spacing: .08em; } .sdk-product-visual--data .sdk-product-visual__output { position: absolute; top: 46px; right: 18px; width: 57%; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255, 255, 255, .98); } .sdk-product-visual--data .sdk-product-visual__output > strong { display: block; margin-top: 7px; color: var(--ink); font-size: 17px; line-height: 1.2; } .sdk-product-visual--data dl { display: grid; gap: 7px; margin: 14px 0; } .sdk-product-visual--data dl > div { padding: 7px 8px; border: 1px solid var(--line); border-radius: 7px; background: #F9FBF9; } .sdk-product-visual--data dt, .sdk-product-visual--data dd { margin: 0; } .sdk-product-visual--data dt { color: var(--muted); font-size: 8px; font-weight: 600; } .sdk-product-visual--data dd { color: var(--ink); font-size: 11px; font-weight: 700; } .sdk-product-visual--scanner { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr); min-height: 330px !important; align-items: center; gap: 10px; padding: 14px; } .sdk-scanner-visual__capture, .sdk-scanner-visual__result { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: #FFFFFF; } .sdk-scanner-visual__capture { height: 280px; border: 0; border-radius: 10px; background: #111311; box-shadow: none; } .sdk-landing-page .site-main > .container-fluid:first-of-type .sdk-scanner-visual__capture > img { display: block; width: 100% !important; max-width: none; height: 100% !important; object-fit: cover; object-position: 50% 29%; filter: none; } .sdk-scanner-visual__result { height: 300px; padding: 0 11px 10px; box-shadow: none; } .sdk-scanner-visual__result-header { margin: 0 -11px 8px; padding: 10px 11px 9px; border-bottom: 1px solid #E4EAE5; background: #F7FAF8; text-align: left; } .sdk-scanner-visual__result-header > span, .sdk-scanner-visual__result-header > strong { display: block; } .sdk-scanner-visual__result-header > span { margin-bottom: 2px; color: var(--g-dark); font-size: 7px; font-weight: 800; letter-spacing: .1em; } .sdk-scanner-visual__result-header > strong { color: var(--ink); font-size: 11px; line-height: 1.2; } .sdk-landing-page .site-main > .container-fluid:first-of-type .sdk-scanner-visual__result > img { display: block; width: 100% !important; max-width: none; height: 190px !important; margin: 0 auto !important; object-fit: contain; object-position: 50% 5%; filter: none; } .sdk-scanner-visual__badges { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; margin-top: 8px; } .sdk-scanner-visual__badges > span { padding: 4px 6px; border-radius: 999px; background: var(--g-50); color: var(--g-dark); font-size: 7px; font-weight: 750; line-height: 1.2; white-space: nowrap; } .sdk-scanner-visual__badges > span:last-child { grid-column: 1 / -1; justify-self: center; } .sdk-scanner-visual__arrow { position: absolute; z-index: 3; top: 50%; left: 47.1%; display: grid; width: 28px; height: 28px; place-items: center; border: 1px solid var(--g-border); border-radius: 50%; background: #FFFFFF; color: var(--g-dark); font-size: 15px; font-weight: 800; transform: translate(-50%, -50%); box-shadow: 0 7px 18px rgba(20, 46, 24, .12); } .sdk-data-flow-visual { position: relative; display: grid; width: min(100%, 430px); min-height: 330px; margin: 0 auto; grid-template-columns: .78fr 1.22fr; align-items: center; gap: 12px; padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(145deg, #F9FCF9 0%, #EDF6EE 100%); } .sdk-data-flow-visual__document, .sdk-data-flow-visual__output { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: #FFFFFF; box-shadow: 0 12px 28px rgba(20, 46, 24, .08); } .sdk-data-flow-visual__document { height: 245px; } .sdk-data-flow-visual__document > img { width: 100% !important; height: 100% !important; object-fit: cover; object-position: 50% 11%; } .sdk-data-flow-visual__document > span { position: absolute; right: 9px; bottom: 9px; left: 9px; padding: 5px 7px; border-radius: 999px; background: rgba(24, 75, 29, .9); color: #FFFFFF; font-size: 8px; font-weight: 800; letter-spacing: .08em; } .sdk-data-flow-visual__output { min-width: 0; padding: 17px 15px; text-align: left; } .sdk-data-flow-visual__output > strong { display: block; margin: 7px 0 12px; color: var(--ink); font-size: 15px; } .sdk-data-flow-visual__output pre { margin: 0 0 13px; padding: 11px; overflow: hidden; border: 1px solid #E2E8E3; border-radius: 8px; background: #F7F9F8; box-shadow: none; color: #304033; font-size: 8px; line-height: 1.55; text-align: left; } .sdk-data-flow-visual__output .sdk-product-visual__status { font-size: 8px; line-height: 1.3; } .sdk-data-flow-visual__arrow { position: absolute; z-index: 3; top: 50%; left: 38.5%; display: grid; width: 28px; height: 28px; place-items: center; border: 1px solid var(--g-border); border-radius: 50%; background: #FFFFFF; color: var(--g-dark); font-weight: 800; transform: translate(-50%, -50%); box-shadow: 0 7px 18px rgba(20, 46, 24, .12); } .sdk-product-visual--barcode { display: grid; min-height: 330px !important; place-items: center; padding: 24px; } .sdk-product-visual--barcode > img { display: block; width: 100% !important; max-width: 270px !important; height: 220px !important; border-radius: 12px; object-fit: cover; } .sdk-product-visual__badges { display: flex; justify-content: center; gap: 8px; margin-top: 14px; } .sdk-product-visual__badges > span { min-width: 38px; padding: 5px 9px; border: 1px solid var(--g-border); border-radius: 999px; background: #FFFFFF; color: var(--g-dark); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-align: center; } .sdk-product-visual--barcode > .sdk-product-visual__status { margin-top: 12px; } @supports selector(:has(*)) { .sdk-landing-page .site-main > .container:has(.sdk-feature-panel) + .blank-space-only-desktop-100, .sdk-landing-page .site-main > .blank-space-only-desktop-100:has(+ .container .sdk-feature-panel) { display: none; } } @media screen and (max-width: 767px) { .sdk-landing-page .sdk-product-hero .header-image { width: 100%; padding-right: 0; padding-left: 0; } .sdk-landing-page .sdk-product-hero .sdk-product-visual { width: min(100%, 345px); min-height: 310px; } .sdk-banking-logo-row { display: grid; width: min(100%, 300px); grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; } .sdk-banking-logo-row img { width: 100%; max-width: 138px; height: 48px; max-height: none; justify-self: start; object-fit: cover; object-position: center; } .sdk-product-visual--scanner { min-height: 320px !important; padding: 12px; } .sdk-scanner-visual__capture { height: 270px; } .sdk-scanner-visual__result { height: 292px; } .sdk-landing-page .site-main > .container-fluid:first-of-type .sdk-scanner-visual__result > img { height: 182px !important; } .sdk-data-flow-visual { margin-top: 28px; } } @media screen and (max-width: 420px) { @supports selector(:has(*)) { .sdk-landing-page .columns-3-Branchen-container:has(> div:nth-child(3):last-child), .sdk-landing-page .columns-3-Branchen-container:has(> div:nth-child(6):last-child) { grid-template-columns: 1fr; } } .sdk-product-visual--data .sdk-product-visual__source { left: 14px; width: 46%; } .sdk-product-visual--data .sdk-product-visual__output { right: 12px; width: 58%; padding: 14px; } .sdk-landing-page .Snippet-Selected .sdk-code-block--component pre > code { min-height: 0; padding: 18px 52px 18px 18px; } .sdk-data-flow-visual { min-height: 300px; padding: 14px; } .sdk-data-flow-visual__document { height: 220px; } .sdk-data-flow-visual__output { padding: 13px 11px; } } /* Modern industry landing pages: one shared visual and conversion system. */ .sdk-industry-page .site-main > .sdk-industry-hero:first-of-type { padding: 64px 0 52px; background: linear-gradient(135deg, #F7F9F7 0%, #F2F8F2 100%) !important; } .sdk-industry-page .site-main > .sdk-industry-hero:first-of-type > .container > .row { grid-template-columns: minmax(0, 1.18fr) minmax(400px, .82fr); gap: 64px; } .sdk-industry-page .site-main > .sdk-industry-hero:first-of-type > .container > .row::before, .sdk-industry-page .site-main > .sdk-industry-hero:first-of-type > .container > .row::after { display: none !important; content: none !important; } .sdk-industry-page .sdk-industry-hero__copy > .tag-label { display: inline-block; margin: 0 0 18px; } .sdk-industry-page .site-main > .sdk-industry-hero:first-of-type h1 { max-width: 760px; font-size: clamp(44px, 4.2vw, 50px); line-height: 1.08; } .sdk-industry-page .site-main > .sdk-industry-hero:first-of-type .start-highlight { margin-top: 18px; font-size: 22px; } .sdk-industry-benefits { display: grid; gap: 9px; max-width: 720px; margin: 22px 0 0; padding: 0; list-style: none; } .sdk-industry-benefits li { position: relative; padding-left: 24px; color: var(--ink-2); font-size: 15px; font-weight: 650; line-height: 1.5; } .sdk-industry-benefits li::before { position: absolute; top: .04em; left: 0; color: var(--g); font-size: 17px; font-weight: 800; content: "✓"; } .sdk-industry-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 26px; } .sdk-industry-actions .button-green, .sdk-industry-actions .button-white { margin: 0 !important; } .sdk-industry-proofline { max-width: 760px; margin-top: 34px; padding-top: 22px; border-top: 1px solid var(--line); } .sdk-industry-proofline > p { margin: 0 0 14px; color: var(--ink-2) !important; font-size: 14px !important; font-weight: 700; } .sdk-industry-logos { display: flex; min-height: 42px; align-items: center; gap: clamp(20px, 3vw, 38px); flex-wrap: wrap; } .sdk-industry-logos img { display: block; width: auto !important; max-width: 120px !important; height: 38px !important; max-height: 38px !important; object-fit: contain; filter: var(--customer-logo-filter); } .sdk-industry-page .sdk-industry-reference-strip { margin-top: 32px; margin-bottom: 0; padding: 32px 34px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(135deg, #FFFFFF 0%, #F5FAF5 100%); box-sizing: border-box; } .sdk-industry-reference-strip__heading { max-width: 960px; margin-bottom: 24px; } .sdk-industry-reference-strip__heading .tag-label { margin-bottom: 8px; } .sdk-industry-reference-strip__heading h2 { margin: 0; font-size: clamp(24px, 2.3vw, 32px); } .sdk-industry-reference-strip__logos { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); align-items: center; gap: 20px 28px; } .sdk-industry-reference-strip__logos img { display: block; width: 100% !important; max-width: 130px !important; height: 44px !important; margin: 0 auto; object-fit: contain; filter: var(--customer-logo-filter); opacity: .88; } .sdk-industry-reference-strip__logos img[src*="logo-crst"], .sdk-industry-reference-strip__logos img[src*="logo-atom"], .sdk-industry-reference-strip__logos img[src*="logo-sima"], .sdk-industry-reference-strip__logos img[src*="logo-deluxedelivery"], .sdk-industry-reference-strip__logos img[src*="logo-keystops"], .sdk-industry-reference-strip__logos img[src*="logo-digitalpermitbook"] { transform: scale(1.12); } .sdk-industry-page .sdk-industry-hero .header-image { min-width: 0; } .sdk-industry-page .sdk-industry-hero .sdk-photo-product-visual { width: 100%; max-width: 500px; } .sdk-industry-page .sdk-industry-hero .sdk-photo-product-visual__capture { min-height: 300px; } .sdk-industry-page .sdk-industry-hero .sdk-photo-product-visual__capture img { position: absolute; inset: 0; width: 100% !important; max-width: none !important; height: 100% !important; max-height: none !important; object-fit: contain; object-position: center; filter: none !important; } .sdk-industry-page .sdk-industry-logo--light { filter: brightness(0) opacity(.64) !important; } .sdk-industry-page .sdk-industry-hero .sdk-photo-product-visual img, .sdk-industry-page .sdk-industry-hero .sdk-industry-flow-visual img, .sdk-industry-page .sdk-industry-hero .sdk-industry-stack-visual img { max-width: none !important; max-height: none !important; filter: none !important; } .sdk-industry-flow-visual, .sdk-industry-stack-visual { position: relative; width: 100%; max-width: 500px; overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(145deg, #FFFFFF, var(--g-50)); box-shadow: 0 20px 45px rgba(30, 55, 34, .10); } .sdk-industry-flow-visual { display: grid; min-height: 340px; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; gap: 12px; padding: 28px; } .sdk-industry-flow-visual__source, .sdk-industry-flow-visual__result { display: flex; min-width: 0; min-height: 240px; flex-direction: column; justify-content: center; padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: #FFFFFF; } .sdk-industry-flow-visual__source img { width: 72px !important; height: 72px !important; margin: 28px 0 20px !important; padding: 13px; border-radius: 14px; background: var(--g-tonal); } .sdk-industry-flow-visual__document-preview { display: block; width: 100%; height: 132px; margin: 18px 0 14px; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: var(--g-50); } .sdk-industry-flow-visual__source .sdk-industry-flow-visual__document-preview img { display: block; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0; border-radius: 0; background: transparent; object-fit: cover; object-position: center top; } .sdk-industry-flow-visual__source strong, .sdk-industry-flow-visual__result > strong, .sdk-industry-stack-visual > strong { color: var(--ink); font-size: 21px; line-height: 1.25; } .sdk-industry-flow-visual__source strong, .sdk-industry-flow-visual__result > strong { max-width: 100%; font-size: 18px; hyphens: auto; overflow-wrap: break-word; } .sdk-industry-flow-visual__source small { margin-top: 6px; color: var(--muted); font-size: 12px; } .sdk-industry-flow-visual__eyebrow { color: var(--g-dark); font-size: 10px; font-weight: 800; letter-spacing: .12em; line-height: 1.35; } .sdk-industry-flow-visual__result ul { display: grid; gap: 12px; margin: 28px 0 0; padding: 0; list-style: none; } .sdk-industry-flow-visual__result li { padding: 9px 10px; border-radius: 8px; background: var(--g-50); color: var(--g-dark); font-size: 12px; font-weight: 700; line-height: 1.35; } .sdk-industry-flow-visual__arrow { position: absolute; z-index: 2; top: 50%; left: 45%; display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid var(--g-border); border-radius: 50%; background: #FFFFFF; color: var(--g-dark); font-size: 20px; transform: translate(-50%, -50%); } .sdk-industry-stack-visual { min-height: 340px; padding: 34px; } .sdk-industry-stack-visual > strong { display: block; max-width: 320px; margin-top: 10px; font-size: 26px; } .sdk-industry-stack-visual__modules { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 30px; } .sdk-industry-stack-visual__modules--four { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sdk-industry-stack-visual__modules > span { display: flex; min-width: 0; min-height: 124px; flex-direction: column; align-items: flex-start; justify-content: space-between; padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: #FFFFFF; } .sdk-industry-stack-visual__modules img { width: 48px !important; height: 48px !important; padding: 8px; border-radius: 10px; background: var(--g-tonal); } .sdk-industry-stack-visual__modules b { color: var(--ink); font-size: 13px; line-height: 1.3; } .sdk-industry-stack-visual__footer { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 22px; } .sdk-industry-stack-visual__footer span { padding: 7px 10px; border-radius: 999px; background: var(--g-tonal); color: var(--g-dark); font-size: 11px; font-weight: 700; } .sdk-industry-section { padding-top: 88px; padding-bottom: 88px; } .sdk-industry-page .site-main > .container.sdk-industry-section, .sdk-industry-page .site-main > .container.sdk-industry-proof { padding-right: 15px; padding-left: 15px; } .sdk-industry-section__heading { max-width: 820px; margin: 0 auto 36px; text-align: center; } .sdk-industry-section__heading .tag-label { display: inline-block; margin: 0 0 14px; } .sdk-industry-section__heading h2 { margin-bottom: 14px !important; } .sdk-industry-section__heading > p:last-child { margin: 0; color: var(--muted); font-size: 17px; line-height: 1.6; } .sdk-industry-module-grid { display: grid; align-items: stretch; gap: 16px; } .sdk-industry-module-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 900px; margin: 0 auto; } .sdk-industry-module-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sdk-industry-module-grid--four { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 1fr; } .sdk-industry-module-card { display: flex; min-width: 0; min-height: 100%; flex-direction: column; padding: 24px; } .sdk-industry-module-card--featured { border-color: var(--g-border); background: linear-gradient(145deg, var(--g-50), #FFFFFF 78%); } .sdk-industry-module-card > img { width: 58px; height: 58px; margin: 0 0 22px; padding: 10px; border-radius: 12px; background: var(--g-tonal); } .sdk-industry-module-card__label { min-height: 2.7em; color: var(--g-dark); font-size: 10px; font-weight: 800; letter-spacing: .1em; line-height: 1.35; } .sdk-industry-module-card h3 { margin: 8px 0 10px; font-size: 22px; } .sdk-industry-module-card p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.55; } .sdk-industry-module-card ul { display: grid; gap: 6px; margin: 18px 0 22px; padding: 0; list-style: none; } .sdk-industry-module-card li { position: relative; padding-left: 18px; color: var(--ink-2); font-size: 13px; line-height: 1.45; } .sdk-industry-module-card li::before { position: absolute; left: 0; color: var(--g); content: "✓"; } .sdk-industry-module-card > a { margin-top: auto; color: var(--g-dark); font-size: 15px; font-weight: 750; } .sdk-industry-page .site-main > .container.sdk-logistics-use-cases { padding-bottom: 44px; } .sdk-industry-page .site-main > .container.sdk-industry-use-cases { padding-bottom: 44px; } .sdk-industry-page .site-main > .sdk-industry-customer-marquee + .container.sdk-industry-use-cases { padding-top: 56px; } .sdk-industry-page .site-main > .container.sdk-industry-use-cases + .container.sdk-industry-section { padding-top: 44px; } .sdk-industry-page .site-main > .container.sdk-logistics-modules { padding-top: 44px; } .sdk-logistics-use-case-grid, .sdk-industry-use-case-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } .sdk-logistics-use-case-grid article, .sdk-industry-use-case-grid article { min-width: 0; padding: 22px; } .sdk-logistics-use-case-grid article > span, .sdk-industry-use-case-grid article > span { display: inline-flex; min-width: 48px; height: 34px; align-items: center; justify-content: center; padding: 0 10px; border-radius: 9px; background: var(--g-tonal); color: var(--g-dark); font-size: 11px; font-weight: 800; letter-spacing: .07em; } .sdk-logistics-use-case-grid h3, .sdk-industry-use-case-grid h3 { margin: 18px 0 8px; font-size: 19px; } .sdk-logistics-use-case-grid p, .sdk-industry-use-case-grid p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.55; } .sdk-industry-band { padding: 80px 15px; background: linear-gradient(135deg, #EFF8F0, #F8FBF8); } .sdk-industry-band__layout { display: grid; grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr); align-items: center; gap: 64px; } .sdk-industry-band__layout::before, .sdk-industry-band__layout::after, .sdk-industry-page .sdk-industry-proof::before, .sdk-industry-page .sdk-industry-proof::after, .sdk-industry-showcase > .container::before, .sdk-industry-showcase > .container::after { display: none !important; content: none !important; } .sdk-industry-band__layout > div:first-child > .tag-label { display: inline-block; margin: 0 0 14px; } .sdk-industry-band__layout h2 { margin-bottom: 16px !important; } .sdk-industry-band__layout > div:first-child > p:not(.tag-label) { margin-bottom: 24px; color: var(--muted); font-size: 16px; line-height: 1.65; } .sdk-industry-band__actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .sdk-industry-band__actions .button-green, .sdk-industry-band__actions .button-white { margin: 0 !important; } .sdk-industry-fact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sdk-industry-fact-grid article { min-width: 0; padding: 20px; border: 1px solid var(--g-border); border-radius: 14px; background: rgba(255, 255, 255, .84); } .sdk-industry-fact-grid strong { display: block; margin-bottom: 7px; color: var(--ink); font-size: 16px; line-height: 1.35; } .sdk-industry-fact-grid p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.5; } .sdk-industry-proof { display: grid; grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr); align-items: center; gap: 64px; padding-top: 88px; padding-bottom: 88px; } .sdk-industry-proof__media, .sdk-industry-proof__logo-panel, .sdk-industry-proof__use-case-panel { display: flex; min-height: 320px; align-items: center; justify-content: center; padding: 24px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg, #F7F9F7, #FFFFFF); } .sdk-industry-proof__media img { width: min(100%, 310px); height: auto; max-height: 340px; border-radius: 16px; object-fit: cover; } .sdk-industry-proof__logo-panel { align-content: center; gap: 28px; flex-wrap: wrap; } .sdk-industry-proof__logo-panel img { width: auto; max-width: 150px; height: 54px; object-fit: contain; } .sdk-industry-proof__use-case-panel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; align-items: stretch; align-content: center; gap: 12px; } .sdk-industry-proof__use-case-panel span { display: flex; min-width: 0; min-height: 118px; height: 100%; flex-direction: column; justify-content: center; padding: 18px; border: 1px solid var(--g-border); border-radius: 12px; background: #FFFFFF; } .sdk-industry-proof__use-case-panel b, .sdk-industry-proof__use-case-panel small { display: block; min-width: 0; max-width: 100%; hyphens: auto; overflow-wrap: anywhere; } .sdk-industry-proof__use-case-panel b { color: var(--ink); font-size: 15px; line-height: 1.35; } .sdk-industry-proof__use-case-panel small { margin-top: 7px; color: var(--muted); font-size: 12px; line-height: 1.45; } .sdk-industry-proof__quote > .tag-label { display: inline-block; margin: 0 0 14px; } .sdk-industry-proof__quote h2 { margin-bottom: 20px !important; } .sdk-industry-proof__quote blockquote { margin: 0 0 18px; padding: 0 0 0 22px; border-left: 3px solid var(--g); color: var(--ink); font-size: 20px; font-style: normal; font-weight: 650; line-height: 1.55; } .sdk-industry-proof__quote > p { color: var(--muted); line-height: 1.6; } .sdk-industry-proof__quote > a { display: inline-block; margin-top: 8px; color: var(--g-dark); font-weight: 750; } .sdk-customer-experience { padding-top: 24px; padding-bottom: 88px; } .sdk-customer-experience--logistics { padding-bottom: 48px; } .sdk-industry-page .sdk-context-links--after-proof { padding-top: 24px; } .sdk-customer-experience__heading { max-width: 780px; margin: 0 auto 32px; text-align: center; } .sdk-customer-experience__heading .tag-label { display: inline-block; margin: 0 0 14px; } .sdk-customer-experience__heading h2 { margin-bottom: 12px !important; } .sdk-customer-experience__heading > p:last-child { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.6; } .sdk-customer-experience__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .sdk-customer-experience__grid--one { grid-template-columns: minmax(0, 480px); justify-content: center; } .sdk-customer-experience__grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 900px; margin: 0 auto; } @media screen and (min-width: 1200px) { .sdk-customer-experience--document-scanner .sdk-customer-experience__grid, .sdk-customer-experience--logistics .sdk-customer-experience__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .sdk-customer-experience--document-scanner .sdk-customer-story-card__body, .sdk-customer-experience--logistics .sdk-customer-story-card__body { padding: 19px; } .sdk-customer-experience--document-scanner .sdk-customer-story-card__body > strong, .sdk-customer-experience--logistics .sdk-customer-story-card__body > strong { font-size: 17px; } } @media screen and (min-width: 768px) and (max-width: 1199px) { .sdk-customer-experience--document-scanner .sdk-customer-experience__grid, .sdk-customer-experience--logistics .sdk-customer-experience__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .sdk-customer-story-card { display: flex; min-width: 0; height: 100%; flex-direction: column; overflow: hidden; color: var(--ink); text-decoration: none !important; } .sdk-customer-story-card:hover, .sdk-customer-story-card:focus-visible { border-color: var(--g-border); color: var(--ink); transform: translateY(-3px); box-shadow: 0 14px 34px rgba(20, 55, 24, .09); } .sdk-customer-story-card:focus-visible { outline: var(--focus-outline); outline-offset: 3px; } .sdk-customer-story-card__image { display: block; overflow: hidden; aspect-ratio: 16 / 9; background: #F3F7F3; } .sdk-customer-story-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; } .sdk-customer-story-card:hover .sdk-customer-story-card__image img { transform: scale(1.02); } .sdk-customer-story-card__body { display: flex; min-width: 0; flex: 1; flex-direction: column; align-items: flex-start; padding: 22px; } .sdk-customer-story-card__customer { margin-bottom: 9px; color: var(--g-dark); font-size: 11px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; } .sdk-customer-story-card__body > strong { color: var(--ink); font-size: 19px; line-height: 1.35; } .sdk-customer-story-card__cta { margin-top: auto; padding-top: 22px; color: var(--g-dark); font-size: 14px; font-weight: 750; } .sdk-industry-hero--insurance .sdk-industry-proofline { display: none; } .sdk-industry-hero--insurance ~ .sdk-industry-proof--logos { grid-template-columns: minmax(0, 820px); justify-content: center; } .sdk-industry-hero--insurance ~ .sdk-industry-proof--logos .sdk-industry-proof__logo-panel { display: none; } .sdk-industry-showcase { padding: 72px 15px; background: #F7F8F6; } .sdk-industry-showcase > .container { display: grid; grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr); align-items: center; gap: 64px; } .sdk-industry-showcase__copy > .tag-label { display: inline-block; margin: 0 0 14px; } .sdk-industry-showcase__copy h2 { margin-bottom: 14px !important; } .sdk-industry-showcase__copy > p:not(.tag-label) { margin-bottom: 22px; color: var(--muted); font-size: 16px; line-height: 1.6; } .sdk-industry-showcase__apps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .sdk-industry-showcase__app { display: grid; min-width: 0; min-height: 148px; grid-template-columns: 54px minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 22px; color: var(--ink); text-decoration: none; } .sdk-industry-showcase__app:hover, .sdk-industry-showcase__app:focus { border-color: var(--g-border); color: var(--g-dark); text-decoration: none; transform: translateY(-2px); } .sdk-industry-showcase__icon { display: grid; width: 54px; height: 54px; place-items: center; border-radius: 12px; background: var(--g-tonal); } .sdk-industry-showcase__icon img { width: 34px; height: 34px; object-fit: contain; } .sdk-industry-showcase__app strong, .sdk-industry-showcase__app small { display: block; } .sdk-industry-showcase__app strong { font-size: 18px; } .sdk-industry-showcase__app small { margin-top: 5px; color: var(--muted); font-size: 12px; line-height: 1.35; } .sdk-industry-showcase__app > b { color: var(--g); font-size: 21px; } .sdk-industry-page .sdk-industry-faq { margin-top: 72px; margin-bottom: 72px; } .sdk-contact-privacy { display: none; } .sdk-contact-field-error { display: block; margin-top: 7px; color: #b42318; font-size: 13px; font-weight: 600; } .sdk-contact-field-error[hidden], .sdk-contact-submit-state[hidden] { display: none !important; } .sdk-site .contact-container input[aria-invalid="true"] { border-color: #b42318; box-shadow: 0 0 0 3px rgba(180, 35, 24, .12); } .sdk-site .sdk-whitepaper input[aria-invalid="true"], .sdk-site .sdk-trial-form-card input[aria-invalid="true"] { border-color: #b42318; box-shadow: 0 0 0 3px rgba(180, 35, 24, .12); } .sdk-trial-field-error { margin-top: 7px; } .sdk-trial-consent + .sdk-trial-field-error { margin-top: 8px; } .sdk-contact-submit-state { display: inline-flex; align-items: center; gap: 9px; margin-left: 14px; color: var(--muted); font-size: 14px; font-weight: 600; vertical-align: middle; } .sdk-contact-spinner { width: 18px; height: 18px; border: 2px solid var(--g-border); border-top-color: var(--g); border-radius: 50%; animation: sdk-contact-spin .75s linear infinite; } .sdk-site .button-green.is-loading, .sdk-site .button-green:disabled { cursor: wait; opacity: .65; } @keyframes sdk-contact-spin { to { transform: rotate(360deg); } } .sdk-site .sdk-feedback-modal .modal-dialog { max-width: 520px; margin-top: 12vh; } .sdk-site .sdk-feedback-modal .modal-content { border: 1px solid var(--g-border); border-radius: 18px; background: var(--card); } .sdk-site .sdk-feedback-modal .modal-header { position: relative; min-height: 0; padding: 30px 56px 10px 88px; background: var(--card); color: var(--ink); } .sdk-site .sdk-feedback-modal .modal-title { color: var(--ink); font-size: 24px; font-weight: 700; } .sdk-site .sdk-feedback-modal .close { position: absolute; top: 16px; right: 20px; color: var(--muted); opacity: 1; } .sdk-feedback-modal__icon { position: absolute; top: 26px; left: 30px; display: grid; width: 40px; height: 40px; place-items: center; border-radius: 12px; background: var(--g-tonal); color: var(--g); font-size: 22px; font-weight: 800; } .sdk-site .sdk-feedback-modal--error .sdk-feedback-modal__icon { background: #fef3f2; color: #b42318; } .sdk-site .sdk-feedback-modal .modal-body { padding: 8px 56px 24px 88px; color: var(--muted); font-size: 16px; line-height: 1.55; } .sdk-site .sdk-feedback-modal .modal-body p { margin: 0; } .sdk-site .sdk-feedback-modal .modal-footer { padding: 18px 30px 24px; border: 0; background: var(--card); } @media screen and (max-width: 520px) { .sdk-contact-submit-state { display: flex; margin: 14px 0 0; } .sdk-site .sdk-feedback-modal .modal-header { padding: 72px 24px 8px; } .sdk-feedback-modal__icon { left: 24px; } .sdk-site .sdk-feedback-modal .modal-body { padding: 8px 24px 20px; } } .sdk-industry-page .sdk-contact-privacy { display: block; margin: 14px 0 18px; color: var(--muted); font-size: 13px; line-height: 1.5; } @media screen and (max-width: 1199px) { .sdk-industry-page .site-main > .sdk-industry-hero:first-of-type > .container > .row { grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr); gap: 42px; } .sdk-industry-module-grid--four { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media screen and (max-width: 991px) { .sdk-industry-page .site-main > .sdk-industry-hero:first-of-type > .container > .row, .sdk-industry-band__layout, .sdk-industry-proof, .sdk-industry-showcase > .container { grid-template-columns: 1fr; } .sdk-industry-page .sdk-industry-hero .header-image, .sdk-industry-page .sdk-industry-hero .sdk-photo-product-visual, .sdk-industry-flow-visual, .sdk-industry-stack-visual { max-width: 620px; margin: 0 auto; } .sdk-industry-module-grid--three { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sdk-logistics-use-case-grid, .sdk-industry-use-case-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sdk-industry-module-grid--three > :last-child { grid-column: 1 / -1; } .sdk-industry-module-card__label { min-height: 0; } .sdk-industry-page .site-main > .sdk-industry-hero:first-of-type h1 { font-size: 38px; } .sdk-industry-page .site-main > .sdk-industry-hero:first-of-type > .container > .row > .sdk-industry-hero__copy { grid-column: 1; grid-row: 1; } .sdk-industry-page .site-main > .sdk-industry-hero:first-of-type > .container > .row > .header-image { grid-column: 1; grid-row: 2; } } @media screen and (max-width: 767px) { .sdk-industry-page .site-main > .sdk-industry-hero:first-of-type { padding: 38px 0 42px; } .sdk-industry-page .site-main > .sdk-industry-hero:first-of-type > .container > .row { gap: 40px; } .sdk-industry-page .site-main > .sdk-industry-hero:first-of-type h1 { font-size: 34px; line-height: 1.12; overflow-wrap: anywhere; hyphens: auto; } .sdk-industry-page .site-main > .sdk-industry-hero:first-of-type .start-highlight { font-size: 19px; } .sdk-industry-actions { display: grid; } .sdk-industry-actions a { width: 100%; text-align: center; } .sdk-industry-logos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 24px; } .sdk-industry-logos img { max-width: 112px !important; justify-self: start; } .sdk-industry-page .sdk-industry-reference-strip { width: calc(100% - 30px); padding: 22px 20px; } .sdk-industry-reference-strip__heading { margin-bottom: 22px; } .sdk-industry-reference-strip__logos { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; } .sdk-industry-reference-strip__logos img { max-width: 118px !important; height: 40px !important; } .sdk-industry-page .sdk-industry-hero .sdk-photo-product-visual { min-height: 270px; } .sdk-industry-page .sdk-industry-hero .sdk-photo-product-visual__capture { min-height: 250px; } .sdk-industry-flow-visual { min-height: 300px; padding: 12px; } .sdk-industry-flow-visual__source, .sdk-industry-flow-visual__result { min-height: 228px; padding: 15px; } .sdk-industry-flow-visual__source img { width: 58px !important; height: 58px !important; margin: 22px 0 16px !important; } .sdk-industry-flow-visual__source .sdk-industry-flow-visual__document-preview { height: 106px; margin: 14px 0 12px; } .sdk-industry-flow-visual__source .sdk-industry-flow-visual__document-preview img { width: 100% !important; height: 100% !important; margin: 0 !important; } .sdk-industry-flow-visual__source strong, .sdk-industry-flow-visual__result > strong { font-size: 17px; } .sdk-industry-flow-visual__result ul { gap: 7px; margin-top: 18px; } .sdk-industry-flow-visual__result li { padding: 7px; font-size: 10px; } .sdk-industry-flow-visual__arrow { left: 45%; width: 32px; height: 32px; font-size: 18px; } .sdk-industry-stack-visual { min-height: 0; padding: 24px 18px; } .sdk-industry-stack-visual > strong { font-size: 22px; } .sdk-industry-stack-visual__modules { grid-template-columns: 1fr; } .sdk-industry-stack-visual__modules--four { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sdk-industry-stack-visual__modules > span { min-height: 82px; flex-direction: row; align-items: center; gap: 14px; justify-content: flex-start; } .sdk-industry-stack-visual__modules--four > span { min-height: 104px; flex-direction: column; align-items: flex-start; justify-content: space-between; } .sdk-industry-section, .sdk-industry-proof, .sdk-customer-experience { padding-top: 56px; padding-bottom: 56px; } .sdk-customer-experience__heading { margin: 0 15px 26px; text-align: left; } .sdk-customer-experience__grid, .sdk-customer-experience__grid--one, .sdk-customer-experience__grid--two { grid-template-columns: 1fr; gap: 14px; max-width: none; margin-right: 15px; margin-left: 15px; } .sdk-customer-experience { width: 100%; padding-right: 0; padding-left: 0; box-sizing: border-box; } .sdk-customer-experience__heading h2 { font-size: 28px; line-height: 1.2; overflow-wrap: anywhere; } .sdk-customer-story-card { height: auto; } .sdk-customer-story-card__image { aspect-ratio: 9 / 4; } .sdk-customer-story-card__body { padding: 18px; } .sdk-customer-story-card__body > strong { font-size: 17px; overflow-wrap: anywhere; } .sdk-customer-story-card__cta { padding-top: 16px; } .sdk-industry-section__heading { margin-bottom: 26px; text-align: left; } .sdk-industry-module-grid--two, .sdk-industry-module-grid--three, .sdk-industry-module-grid--four { grid-template-columns: 1fr; } .sdk-logistics-use-case-grid, .sdk-industry-use-case-grid { grid-template-columns: 1fr; } .sdk-industry-page .site-main > .container.sdk-industry-use-cases, .sdk-industry-page .site-main > .sdk-industry-customer-marquee + .container.sdk-industry-use-cases { padding-top: 48px; padding-bottom: 28px; } .sdk-industry-page .site-main > .container.sdk-industry-use-cases + .container.sdk-industry-section { padding-top: 28px; } .sdk-industry-page .site-main > .container.sdk-logistics-use-cases { padding-bottom: 28px; } .sdk-industry-page .site-main > .container.sdk-logistics-modules { padding-top: 28px; } .sdk-industry-band__actions { display: grid; } .sdk-industry-band__actions a { width: 100%; text-align: center; } .sdk-customer-experience--logistics { padding-bottom: 36px; } .sdk-industry-page .sdk-context-links--after-proof { padding-top: 20px; } .sdk-industry-module-grid--three > :last-child { grid-column: auto; } .sdk-industry-band, .sdk-industry-showcase { padding: 56px 15px; } .sdk-industry-band__layout, .sdk-industry-proof, .sdk-industry-showcase > .container { gap: 34px; } .sdk-industry-fact-grid, .sdk-industry-showcase__apps { grid-template-columns: 1fr; } .sdk-industry-proof__media, .sdk-industry-proof__logo-panel, .sdk-industry-proof__use-case-panel { min-height: 260px; } .sdk-industry-proof__quote blockquote { font-size: 18px; } .sdk-industry-showcase__app { min-height: 118px; } .sdk-industry-proof__use-case-panel span { min-height: 104px; } .sdk-industry-page .sdk-industry-faq { margin-top: 56px; margin-bottom: 56px; } } @media screen and (max-width: 575px) { .sdk-industry-proof__use-case-panel { grid-template-columns: 1fr; } } @media screen and (max-width: 390px) { .sdk-industry-flow-visual { grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr); } .sdk-industry-flow-visual__source, .sdk-industry-flow-visual__result { padding: 12px 9px; } .sdk-industry-showcase__app { grid-template-columns: 48px minmax(0, 1fr) auto; padding: 18px 15px; } .sdk-industry-showcase__icon { width: 48px; height: 48px; } } /* ========================================================================== Developer trial ========================================================================== */ .sdk-trial-hero { padding: 72px 15px 80px; background: linear-gradient(135deg, #F3F8F3 0%, #F8FBF8 100%); } .sdk-trial-hero__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr); align-items: start; gap: 64px; } .sdk-trial-hero__copy { min-width: 0; padding-top: 24px; } .sdk-trial-hero__copy h1 { max-width: 690px; margin: 18px 0 20px; color: var(--ink); font-size: clamp(42px, 4vw, 50px); font-weight: 750; letter-spacing: -.035em; line-height: 1.08; } .sdk-trial-hero__copy > p:not(.tag-label) { max-width: 680px; } .sdk-trial-hero__lead { margin-bottom: 10px; color: var(--g-dark); font-size: 21px; font-weight: 700; line-height: 1.42; } .sdk-trial-benefits { display: grid; gap: 10px; margin: 26px 0 0; padding: 0; list-style: none; } .sdk-trial-benefits li { position: relative; margin: 0; padding-left: 30px; color: var(--ink); font-size: 16px; font-weight: 650; } .sdk-trial-benefits li::before { position: absolute; top: .08em; left: 0; color: var(--g); content: "✓"; font-size: 18px; font-weight: 800; } .sdk-trial-proofline { max-width: 680px; margin-top: 30px; padding-top: 20px; border-top: 1px solid #DDE7DE; } .sdk-trial-proofline > span { display: block; margin-bottom: 16px; color: var(--ink-2); font-size: 14px; font-weight: 700; } .sdk-trial-form-card { min-width: 0; padding: 34px; border: 1px solid var(--g-border); border-radius: 20px; background: #FFFFFF; } .sdk-trial-form-card__heading h2 { margin: 14px 0 8px; color: var(--ink); font-size: 30px; font-weight: 750; letter-spacing: -.025em; line-height: 1.16; } .sdk-trial-form-card__heading > p:last-child { margin: 0; color: var(--ink-2); } .sdk-trial-fieldset { min-width: 0; margin: 24px 0 0; padding: 0; border: 0; } .sdk-trial-fieldset legend, .sdk-trial-field > label { display: block; width: auto; margin: 0 0 8px; padding: 0; border: 0; color: var(--ink); font-size: 14px; font-weight: 700; line-height: 1.4; } .sdk-trial-options { width: 100%; margin: -2px 0 0; border-collapse: separate; border-spacing: 0 10px; } .sdk-trial-options td { padding: 13px 14px; border: 1px solid #DDE5DE; border-radius: 10px; background: #FFFFFF; line-height: 1.35; transition: border-color .15s ease, background-color .15s ease; } .sdk-trial-options td:has(input:checked) { border-color: var(--g-border); background: var(--g-50); } .sdk-trial-options input[type="radio"] { margin: 1px 10px 0 0; accent-color: var(--g); vertical-align: top; } .sdk-trial-options label { margin: 0; color: var(--ink); font-size: 15px; font-weight: 650; line-height: 1.35; } .sdk-trial-field { margin-top: 18px; } .sdk-trial-field__hint { display: block; margin: -3px 0 7px; color: var(--ink-3); font-size: 12px; line-height: 1.4; } .sdk-trial-form-card .form-control { width: 100%; min-height: 48px; padding: 11px 13px; border-radius: 10px; font-size: 16px; } .sdk-trial-form-card .form-control:focus { border-color: var(--g); box-shadow: 0 0 0 3px rgba(46, 125, 50, .12); } .sdk-trial-consent { display: grid; grid-template-columns: 20px minmax(0, 1fr); align-items: start; gap: 10px; margin-top: 22px; } .sdk-trial-consent > span { line-height: 1; } .sdk-trial-consent input[type="checkbox"] { width: 18px; height: 18px; margin: 3px 0 0; accent-color: var(--g); } .sdk-trial-consent label { margin: 0; color: var(--ink-2); font-size: 13px; font-weight: 400; line-height: 1.55; } .sdk-trial-submit { width: 100%; min-height: 50px; margin-top: 24px; white-space: normal; } .sdk-trial-form-note { margin: 13px 0 0; color: var(--ink-3); font-size: 12px; line-height: 1.5; text-align: center; } .sdk-trial-process { padding-top: 88px; padding-bottom: 88px; } .sdk-trial-section-heading { max-width: 780px; margin: 0 auto; text-align: center; } .sdk-trial-section-heading h2 { margin: 16px 0 14px; color: var(--ink); font-size: clamp(32px, 3vw, 42px); font-weight: 750; letter-spacing: -.03em; line-height: 1.14; } .sdk-trial-section-heading > p:last-child { margin-bottom: 0; } .sdk-trial-section-heading--left { margin-right: 0; margin-left: 0; text-align: left; } .sdk-trial-process__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 42px; } .sdk-trial-process__grid article { min-width: 0; padding: 26px; border: 1px solid var(--line); border-radius: 16px; background: #FFFFFF; } .sdk-trial-process__grid article > span { display: grid; width: 44px; height: 44px; place-items: center; margin-bottom: 22px; border-radius: 12px; background: var(--g-tonal); color: var(--g-dark); font-size: 18px; font-weight: 800; } .sdk-trial-process__grid h3 { margin: 0 0 9px; color: var(--ink); font-size: 21px; font-weight: 750; line-height: 1.25; } .sdk-trial-process__grid p { margin: 0; font-size: 15px; } .sdk-trial-code { padding: 88px 15px; background: #F4F8F4; } .sdk-trial-code-panel { margin-top: 36px; } .sdk-trial-code-select { width: min(100%, 420px); min-height: 48px; margin: 0 0 18px; padding: 10px 42px 10px 14px; border: 1px solid #D9E2DA; border-radius: 10px; background-color: #FFFFFF; color: var(--ink); font-size: 15px; font-weight: 650; } /* Shared, compact platform selector for all code examples. */ .sdk-site .sdk-code-select { display: block; float: none; width: min(100%, 420px); max-width: 420px; min-height: 48px; margin: 0 0 18px; padding: 10px 42px 10px 14px; border: 1px solid #D9E2DA; border-radius: 10px; background-color: #FFFFFF; color: var(--ink); font-size: 15px; font-weight: 650; } .sdk-landing-page .sdk-photo-code__layout { display: grid; grid-template-columns: 1fr; align-items: start; gap: 18px; } .sdk-landing-page .sdk-photo-code__layout .Snippet-Selected, .sdk-landing-page .sdk-photo-code__layout .link-Block { width: auto; min-width: 0; float: none; } .sdk-landing-page .sdk-photo-code__layout .link-Block { margin-top: 0; padding-left: 0; } .sdk-landing-page .sdk-photo-code__layout .link_list ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sdk-landing-page .sdk-data-result-example { display: grid; grid-template-columns: minmax(240px, .72fr) minmax(0, 1.28fr); align-items: center; gap: 32px; margin-top: 32px; padding: 26px; border: 1px solid var(--g-border); border-radius: 16px; background: rgba(255, 255, 255, .72); } .sdk-landing-page .sdk-data-result-example__copy h3 { margin: 10px 0 12px; color: var(--ink); font-size: 24px; line-height: 1.25; } .sdk-landing-page .sdk-data-result-example__copy > p:last-child { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.6; } .sdk-landing-page .sdk-data-result-example__code, .sdk-landing-page .sdk-data-result-example__code .sdk-code-block, .sdk-landing-page .sdk-data-result-example__code pre { min-width: 0; margin: 0; } .sdk-landing-page .sdk-data-result-example__code pre > code { max-height: 340px; } @media screen and (max-width: 767px) { .sdk-landing-page .sdk-photo-code__layout .link_list ul { grid-template-columns: 1fr; } .sdk-landing-page .sdk-data-result-example { grid-template-columns: 1fr; gap: 20px; padding: 20px; } } .sdk-trial-code-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; align-items: start; gap: 24px; } .sdk-trial-code-layout > * { min-width: 0; } .sdk-landing-page .sdk-trial-code .link-Block { padding-left: 0; } .sdk-trial-hidden-control { display: none !important; } @media screen and (max-width: 991px) { .sdk-trial-hero { padding-top: 56px; } .sdk-trial-hero__grid { grid-template-columns: 1fr; gap: 44px; } .sdk-trial-hero__copy { padding-top: 0; } .sdk-trial-form-card { width: min(100%, 720px); } .sdk-trial-code-layout { grid-template-columns: 1fr; } .sdk-landing-page .sdk-trial-code .link-Block { margin-top: 0; } } @media screen and (max-width: 767px) { .sdk-trial-hero { padding: 48px 15px 56px; } .sdk-trial-hero__grid { gap: 34px; } .sdk-trial-hero__copy h1 { margin-top: 15px; font-size: 34px; line-height: 1.1; } .sdk-trial-hero__lead { font-size: 18px; } .sdk-trial-form-card { padding: 24px 20px; border-radius: 16px; } .sdk-trial-form-card__heading h2 { font-size: 26px; } .sdk-landing-page .site-main > .container.sdk-trial-process { width: 100%; padding: 56px 20px; } .sdk-trial-section-heading, .sdk-trial-section-heading--left { text-align: left; } .sdk-trial-section-heading h2 { font-size: 30px; } .sdk-trial-process__grid { grid-template-columns: 1fr; gap: 14px; margin-top: 30px; } .sdk-trial-process__grid article { padding: 22px; } .sdk-trial-code { padding: 56px 15px; } .sdk-trial-code-panel { margin-top: 28px; } } @media screen and (max-width: 390px) { .sdk-trial-form-card { padding-right: 16px; padding-left: 16px; } .sdk-trial-options td { padding-right: 11px; padding-left: 11px; } .sdk-trial-options label { font-size: 14px; } } /* Success story detail pages */ .sdk-success-story-page .site-main > .blank-space-100, .sdk-success-story-page .site-main > .blank-space-50, .sdk-success-story-page .site-main > .blank-space-25 { display: none; } .sdk-success-story-page .site-main > .container-fluid:first-child { padding: 72px 0 64px; background: linear-gradient(135deg, #F7F9F7 0%, #EDF7EE 100%) !important; } .sdk-success-story-page .site-main > .container-fluid:first-child > .container > .row { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(260px, .55fr); gap: 64px; align-items: center; margin: 0; } .sdk-success-story-page .site-main > .container-fluid:first-child > .container > .row::before, .sdk-success-story-page .site-main > .container-fluid:first-child > .container > .row::after { display: none; content: none; } .sdk-success-story-page .site-main > .container-fluid:first-child .col-md-8, .sdk-success-story-page .site-main > .container-fluid:first-child .col-md-4 { float: none; width: auto; min-width: 0; padding: 0; } .sdk-success-story-page .site-main > .container-fluid:first-child .blank-space-only-mobile-50, .sdk-success-story-page .site-main > .container-fluid:first-child .blank-space-50, .sdk-success-story-page .site-main > .container-fluid:first-child .start-highlight + br { display: none; } .sdk-success-story-page .site-main > .container-fluid:first-child h1 { max-width: 820px; margin: 0 0 18px; color: var(--ink); font-size: 50px; font-weight: 700; line-height: 1.08; letter-spacing: -.035em; text-wrap: balance; } .sdk-success-story-page .site-main > .container-fluid:first-child .start-highlight { margin: 0 0 22px; color: var(--g-dark); font-size: 20px; font-weight: 700; line-height: 1.4; } .sdk-success-story-page .site-main > .container-fluid:first-child .start-highlight + p { margin: 0 0 24px; color: var(--ink-2); font-size: 16px; line-height: 1.55; } .sdk-success-story-page .site-main > .container-fluid:first-child .col-md-4 { display: flex; min-height: 220px; padding: 38px; align-items: center; justify-content: center; border: 1px solid var(--g-border); border-radius: 20px; background: rgba(255, 255, 255, .88); } .sdk-success-story-page .site-main > .container-fluid:first-child .col-md-4 img { width: auto; max-width: 100%; max-height: 130px; margin: 0 auto; object-fit: contain; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:white"] { background: #fff !important; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:white"] > .container { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 24px; padding-top: 76px; padding-bottom: 76px; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:white"] > .container::before, .sdk-success-story-page .site-main > .container-fluid[style*="background-color:white"] > .container::after { display: none; content: none; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:white"] > .container > .col-md-1 { display: none; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:white"] > .container > .col-md-5 { float: none; width: auto; min-width: 0; padding: 30px; border: 1px solid var(--line); border-radius: 16px; background: #fff !important; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:white"] > .container > .col-md-5:nth-of-type(3) { border-color: var(--g-border); background: var(--g-50) !important; } .sdk-success-story-page .success-story-baseinfo { margin: 20px 0 6px; color: var(--g-dark); font-size: 11px; font-weight: 800; letter-spacing: .08em; line-height: 1.35; text-transform: uppercase; } .sdk-success-story-page .success-story-baseinfo:first-of-type { margin-top: 0; } .sdk-success-story-page .success-story-baseinfo + p { margin: 0; color: var(--ink-2); font-size: 15px; line-height: 1.6; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:white"] .sdkSuccessStoryImages { width: 46px; height: 46px; margin: 22px 0 10px; padding: 10px; border-radius: 12px; background: #fff; object-fit: contain; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:white"] .sdkSuccessStoryImages:first-child { margin-top: 0; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:white"] .text-center { text-align: left; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:white"] h2 { margin: 0 0 8px; color: var(--ink); font-size: 22px; line-height: 1.25; } .sdk-success-story-page .success-story-overview { margin: 0; color: var(--ink-2); font-size: 15px; line-height: 1.6; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:#F4F5F5"]:not(:first-child) { padding: 64px 0; background: #F7F9F7 !important; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:#F4F5F5"]:not(:first-child) h3 { margin: 0 0 28px; color: var(--ink); font-size: 34px; line-height: 1.2; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:#F4F5F5"]:not(:first-child) .row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 0; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:#F4F5F5"]:not(:first-child) .row::before, .sdk-success-story-page .site-main > .container-fluid[style*="background-color:#F4F5F5"]:not(:first-child) .row::after { display: none; content: none; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:#F4F5F5"]:not(:first-child) .col-sm-6 { display: flex; float: none; width: auto; min-width: 0; padding: 26px; align-items: center; flex-direction: column; justify-content: center; border: 1px solid var(--line); border-radius: 14px; background: #fff; color: var(--ink); font-size: 17px; line-height: 1.45; text-align: center; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:#F4F5F5"]:not(:first-child) .sdkSuccessStoryImages { width: 54px; height: 54px; margin: 0 auto 18px !important; object-fit: contain; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:#F4F5F5"]:not(:first-child) .col-sm-6 > br, .sdk-success-story-page .site-main > .container-fluid[style*="background-color:#F4F5F5"]:not(:first-child) .col-sm-6 > .blank-space-50 { display: none; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:#F4F5F5"]:not(:first-child) .col-sm-6 > b { max-width: 100%; text-align: center; } .sdk-story-results { padding: 72px 0; background: #F7F9F7; } .sdk-story-results__heading { max-width: 760px; margin: 0 0 32px; } .sdk-story-results__heading .tag-label { margin: 0 0 18px; } .sdk-story-results__heading h2 { margin: 0 0 12px; color: var(--ink); font-size: 38px; line-height: 1.18; letter-spacing: -.025em; } .sdk-story-results__heading > p:last-child { max-width: 680px; margin: 0; color: var(--ink-2); font-size: 17px; line-height: 1.6; } .sdk-story-results__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .sdk-story-result-card { position: relative; min-width: 0; min-height: 240px; padding: 30px; } .sdk-story-result-card::before { position: absolute; top: -1px; right: 30px; left: 30px; height: 3px; border-radius: 0 0 3px 3px; background: var(--g); content: ""; } .sdk-story-result-card > span { display: block; margin: 0 0 18px; color: var(--g-dark); font-size: 11px; font-weight: 800; letter-spacing: .09em; line-height: 1.35; } .sdk-story-result-card h3 { margin: 0 0 12px; color: var(--ink); font-size: 22px; line-height: 1.25; letter-spacing: -.01em; } .sdk-story-result-card p { margin: 0; color: var(--ink-2); font-size: 15px; line-height: 1.6; } .sdk-success-story-page .site-main > .container:has(> .tag-label) { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(230px, .55fr); gap: 30px 56px; padding-top: 76px; padding-bottom: 76px; } .sdk-success-story-page .site-main > .container:has(> .tag-label)::before, .sdk-success-story-page .site-main > .container:has(> .tag-label)::after { display: none; content: none; } .sdk-success-story-page .site-main > .container:has(> .tag-label) > .tag-label, .sdk-success-story-page .site-main > .container:has(> .tag-label) > h3 { grid-column: 1 / -1; margin: 0; } .sdk-success-story-page .site-main > .container:has(> .tag-label) > .tag-label { justify-self: start; } .sdk-success-story-page .site-main > .container:has(> .tag-label) > h3 { margin-top: -18px; color: var(--ink); font-size: 34px; line-height: 1.2; } .sdk-success-story-page .site-main > .container:has(> .tag-label) > br { display: none; } .sdk-success-story-page .site-main > .container:has(> .tag-label) > [class*="col-md-"][class*="col-md-pull-"] { grid-column: 1; grid-row: 3; float: none; left: auto; right: auto; width: auto; min-width: 0; padding: 30px; border: 1px solid var(--line); border-radius: 16px; background: #F7F9F7; } .sdk-success-story-page .site-main > .container:has(> .tag-label) > [class*="col-md-"][class*="col-md-push-"] { grid-column: 2; grid-row: 3; float: none; left: auto; right: auto; width: auto; min-width: 0; padding: 0; } .sdk-success-story-page .site-main > .container:has(> .tag-label) > [class*="col-md-"][class*="col-md-pull-"] p { color: var(--ink-2); font-size: 17px; line-height: 1.65; } .sdk-success-story-page .site-main > .container:has(> .tag-label) > [class*="col-md-"][class*="col-md-pull-"] p:first-child { margin-top: 0; } .sdk-success-story-page .site-main > .container:has(> .tag-label) > [class*="col-md-"][class*="col-md-push-"] img { width: 220px; height: 220px; margin: 0 auto !important; border-radius: 22px; object-fit: cover; } .sdk-success-story-page .site-main > .container:has(> .tag-label) > [class*="col-md-"][class*="col-md-push-"] img[src*="logo"], .sdk-success-story-page .site-main > .container:has(> .tag-label) > [class*="col-md-"][class*="col-md-push-"] img[data-src*="logo"] { width: min(100%, 300px); height: 160px; padding: 24px; border: 1px solid var(--line); border-radius: 16px; background: #fff; object-fit: contain; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:#E4F3E5"] { padding: 64px 0; background: var(--g-50) !important; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:#E4F3E5"] > .container { max-width: 920px; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:#E4F3E5"] h3 { margin: 0 0 18px; color: var(--ink); font-size: 34px; line-height: 1.25; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:#E4F3E5"] br, .sdk-success-story-page .site-main > .container-fluid[style*="background-color:#E4F3E5"] .blank-space-25 { display: none; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:#E4F3E5"] .row { margin: 0; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:#E4F3E5"] p { color: var(--ink-2); font-size: 17px; line-height: 1.7; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:#E4F3E5"] .button-white { margin: 12px 0 0; } @media screen and (max-width: 991px) { .sdk-success-story-page .site-main > .container-fluid:first-child > .container > .row, .sdk-success-story-page .site-main > .container-fluid[style*="background-color:white"] > .container, .sdk-success-story-page .site-main > .container:has(> .tag-label) { grid-template-columns: 1fr; } .sdk-success-story-page .site-main > .container-fluid:first-child > .container > .row { gap: 36px; } .sdk-success-story-page .site-main > .container-fluid:first-child .col-md-4 { min-height: 180px; } .sdk-story-results__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sdk-story-result-card > span, .sdk-story-result-card h3, .sdk-story-result-card p { overflow-wrap: anywhere; } .sdk-success-story-page .site-main > .container:has(> .tag-label) > .tag-label, .sdk-success-story-page .site-main > .container:has(> .tag-label) > h3, .sdk-success-story-page .site-main > .container:has(> .tag-label) > [class*="col-md-"][class*="col-md-pull-"], .sdk-success-story-page .site-main > .container:has(> .tag-label) > [class*="col-md-"][class*="col-md-push-"] { grid-column: 1; grid-row: auto; } .sdk-success-story-page .site-main > .container:has(> .tag-label) > [class*="col-md-"][class*="col-md-push-"] { order: 4; } } @media screen and (max-width: 767px) { .sdk-success-story-page .site-main > .container-fluid:first-child { padding: 48px 0; } .sdk-success-story-page .site-main > .container-fluid:first-child h1 { font-size: 36px; line-height: 1.12; overflow-wrap: anywhere; hyphens: auto; } .sdk-success-story-page .site-main > .container-fluid:first-child .start-highlight { font-size: 18px; } .sdk-success-story-page .site-main > .container-fluid:first-child .col-md-4 { min-height: 150px; padding: 28px; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:white"] > .container, .sdk-success-story-page .site-main > .container:has(> .tag-label) { gap: 16px; padding-top: 56px; padding-bottom: 56px; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:white"] > .container > .col-md-5, .sdk-success-story-page .site-main > .container:has(> .tag-label) > [class*="col-md-"][class*="col-md-pull-"] { padding: 22px; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:#F4F5F5"]:not(:first-child), .sdk-success-story-page .site-main > .container-fluid[style*="background-color:#E4F3E5"] { padding: 52px 0; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:#F4F5F5"]:not(:first-child) h3, .sdk-success-story-page .site-main > .container:has(> .tag-label) > h3, .sdk-success-story-page .site-main > .container-fluid[style*="background-color:#E4F3E5"] h3 { font-size: 29px; } .sdk-success-story-page .site-main > .container-fluid[style*="background-color:#F4F5F5"]:not(:first-child) .row { grid-template-columns: 1fr; } .sdk-story-results { padding: 52px 0; } .sdk-story-results__heading { margin-bottom: 24px; } .sdk-story-results__heading h2 { font-size: 30px; } .sdk-story-results__grid { grid-template-columns: 1fr; } .sdk-story-result-card { min-height: 0; padding: 26px 22px; } .sdk-success-story-page .site-main > .container:has(> .tag-label) > [class*="col-md-"][class*="col-md-push-"] img:not([src*="logo"]):not([data-src*="logo"]) { width: 180px; height: 180px; } } /* Keep continuously moving customer proof out of the initial render path. */ .sdk-home .sdk-trust__track, .sdk-logo-marquee .slide { animation-play-state: paused; will-change: auto; } .sdk-home .sdk-trust.is-in-view .sdk-trust__track, .sdk-logo-marquee.is-in-view .slide { animation-play-state: running; will-change: transform; } /* Shared, product-aware platform footer */ .sdk-site .sdk-platform-footer { text-align: center; } .sdk-site .sdk-platform-footer__heading { max-width: 760px; margin: 0 auto; } .sdk-site .sdk-platform-footer__heading > p { margin: 10px auto 0; color: #4f5b52; font-size: 15px; line-height: 1.55; } .sdk-site .sdk-platform-footer .plattform-container { align-items: stretch; } .sdk-site a.sdk-platform-footer__card { display: block; min-width: 0; height: 100%; margin: 0; color: #111812; text-decoration: none; border-width: 1px; outline: none; } .sdk-site a.sdk-platform-footer__card .panel-body { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; min-width: 0; } .sdk-site .sdk-platform-footer__name { display: block; max-width: 100%; font-size: 14px; line-height: 1.3; overflow-wrap: anywhere; } .sdk-site .sdk-platform-footer__action { display: block; margin-top: 6px; color: #126d24; font-size: 11px; font-weight: 700; line-height: 1.25; } .sdk-site a.sdk-platform-footer__card:hover, .sdk-site a.sdk-platform-footer__card:focus-visible { color: #111812; text-decoration: none; background: #f0f8ea; border-width: 1px; border-color: #83c78d; box-shadow: none; transform: translateY(-1px); } .sdk-site a.sdk-platform-footer__card:focus-visible { box-shadow: 0 0 0 3px rgba(40, 132, 54, .2); } @media screen and (max-width: 767px) { .sdk-site .sdk-platform-footer__heading > p { font-size: 14px; } .sdk-site a.sdk-platform-footer__card .panel-body { min-height: 112px; padding-right: 6px; padding-left: 6px; } } @media screen and (max-width: 430px) { .sdk-success-story-page .site-main > .container-fluid:first-child .button-green, .sdk-success-story-page .site-main > .container-fluid:first-child .button-white { width: 100%; margin: 6px 0; } } @media screen and (max-width: 767px) { .sdk-industry-page .site-main > .sdk-industry-customer-marquee, .sdk-landing-page .site-main > .sdk-trial-hero + .sdk-industry-customer-marquee { margin-top: 0; margin-bottom: 0; padding: 24px 20px; border-radius: 16px; } .sdk-industry-page .site-main > .sdk-industry-customer-marquee .slide, .sdk-landing-page .site-main > .sdk-trial-hero + .sdk-industry-customer-marquee .slide { gap: 28px; padding-right: 28px; } .sdk-industry-page .site-main > .sdk-industry-customer-marquee .slide img, .sdk-landing-page .site-main > .sdk-trial-hero + .sdk-industry-customer-marquee .slide img { width: 112px !important; max-width: 112px; height: 44px; flex-basis: 112px; } }