
/* --- FONT IMPORTS --- */
        /* Zilla Slab - Slab Serif for Headings */
        @font-face {
            font-family: 'Zilla Slab';
            font-style: normal;
            font-weight: 700;
            src: url(data:font/woff2;base64,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) format('woff2');
        }
        /* Poppins - Geometric Sans for Body */
        @font-face {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            src: url(data:font/woff2;base64,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f/rfftf/9+v21vvvT3//2v//e/+rb//63vv6+9v/fe397X/ve2//v//e//f/vW797+vb+/v17/v//e9t++f/+//f3t//r63/vbfv/++/9/r+/fe/tf2vfe3vvf7f3/+v/797evvb//e3/vbfvtff/feO/t/f0//u+3v+gP/fe3/9/+vvfX9/+vb+/b+v3ve/tr3/ve+v3P2vvfe2/f//+n/v39v/b2//vf+vv/fe/9v/d/b2/+/vfX9/+9+fe+vvf+/vf+2/ffb21vv39v/v//e//9vv3v3721vf/9vb+/+P7f/L+//7+g/7/v7X/+v57X/++ve/vvb3//3/9b6/b++P7/2/f3vff+Pv7/v7v/fe+ve/vff++9tf//639v+9v/e3v/a//Xvvvfe3/++9vf3vrf+t/a+tfb/3vvfevP+/P/d/v/e9r//vb/tfa3v7/++t6G/P9P/+u//fbe//e+/be+//3/7b9t/+t77X/9+tfb+2/93/u/rX+/9ve+//+//+t+H///v631/de29vv/O++/7+vf+2/vfXf9v5ft/f9++ve++v/ve+//3/e3vfrf+g/+vba3t7/e33+vrfe2//++7f///v73t731/e+9v6+9+v/19vbW++/bf37//u3t7a3/t7f2v32/+v+//33+/963/va+//+/r2/t7ff3vb//L/X+3/fff/3v+/bW+/fe//1t/f+vrX9va3va8/fa+/731vf6A39v++/3+/p396/+//X+/fe//P9b+t+2/f2/vb7+/7W+/6+t/3///1u/+vvb+9re9r/+v+/f+//6A3vf9v32v/a+/bevt/v7e+/f+/3/972/u23re+/vf9b+299/v17/e9v7+/e3r3v39/bXvv3t++vb+/tfe9tb/0Bv7e+/b9/+tf+963/f+tfXvr//t/f+/rX9u/+/+/ff2/vfvfb+3/a3va/vb/vf29///r/+1/v/+vff9b+/va+3+/f+/f7//S3/7e+t/1+vb+/vf2v7/9r/Wtt//f9//vf+v+/1vbff+//2vt+t+/fbfe//v/vbbf2ve9v+3tt/f/6X+2vf2/7f3v3t/a39v73+v+1/b3vv1vr21vf63ve+v/e+/ff//rv+vt/+2/vbW+t/7+/fbfe/vr+v7f/9//vv/7P/9v/evvf7+9re//f0n/ff+vt/a9r/e/1b+/1b+/n3vv1t/e/v+1t/e3r/+/b3/+s9//7//a+3/rbf+//X+/f///f2/7f3tv++19/+vf+2+L+//9/+t5XW6m9ub/0Bt/+/u3t7f+//3+tf/f2//fe1vr/bf//a3/+t39b///W+/77W//rv/2/b/e/ub/wD7g+/fsX7E++Pnj7A+/Pkn1g86fdHrw9GPPDzY80PMj1o8iPYj2Q8mPZDzw8uPMT0gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAvcZ/lB/zT/gT/y/53/7H+9P/9/tf/j/mX+zH/4H/7r/7r+bf2D//X/kX+R7f/Zg43u8t+L/g7/T69eXVy0tX/r34wX+6GAvj8EAB/v3//6+2v9/r+P+f+f/gD7P/k/pX6z/d/+H/m/3f+/w/v7+X/G/1P/fP7z/n/4f+j//X/b/+3//P/v//f/xf+f/4L/n/1f/n//b/t//v/5/+b/9/6H/o/+n/9f8X9r/4X/+H//+sAAgL/L/uL+pP//wf/R/qL+0cO3W6vWpysWtr/3L/3L8Yw4/9uL86f7/6y/vf+n/1/d7x/5gCWAJ/X/9f/X/b//f/j/+z5/X6/8f4v6P+f+f+r/2/+n/9/+j/+f/1/8f/X/3//T//P/y/+v/2/+sP/s/+v/p//X/9/+z//P5/+v/i/+v/t//v/2AD1AILAE2AEEAuQCXAAn//P7n//QAPj//AILAsQCRACH//f8CgP8ACgL4AsgC3gAB//f/s//H//v/s////2r//P/c////0r//f/eAPH/uP//f/M///+4//aAILAsP/x//X//X/t//3/4//s//n/r/+v/F/qAHF//f3hAdH+sAHt/+gApH/3AB5//AAk3/0AA7//4AE+f8BBYL9QQ7CgYF+wUFgP9BhP/+QTj/8EDW//gAR3/7DweD/cELgv9BBv7/QSX/8kDgfyAR2f9gP9//YD/r//AflAD5f9BAP8A/qD/wH7QA9X/QQj/AP5g/yD+IP6AfoD8IPwg/hD+APgA/AD+uH+8P+w/3B/kH+gP9Af1H9v/+v/7r//l//r/+j/pP9P//H/df/D/+f/1/+v/3//f/+v+5//R/uH/F/+gDxAJa//n+R/2/+n+x/+f8L/n/z//p/8X/x/5f/f/0//r/5//f/x//X/9/9T//f+T/xf8L/lf/f/F/1f9T/tP8b/m/93+l//f/f/kP+7//R/lf/f9n/p//f/s/+z+y/+v/2//R/xv8f/L/v//P/1f+//k/+L/r//f/p//f93/mAH5//QD7f8gBkf5QB9//MAJt/zAAvP+4AET/yAAgH+0wH/AAWwAD//8X+k/4QC0AMB/c/+f7FQLT//kChP7bAfr97QHy/+kCDv+VABT//39YQLv/uAClv31//oDQQPWAfsAif9hQP9AP+sAsH84QLCAv8A/v/9AfwD5P+8/7A//D/YPyA/AD/YP7g/6g/AD/cP3y/tD/cP/o/2D9sP8A+9X+//1/+n/b//v/x/v/8v+7//L/qAD5//sAn//1AE3/4gCE//IARf/c//7/w/+4/+sAjH84AA//+P/iACr//gBC/6wAAv+oAVAAhP/5AK3/oAExAIX/ogCSAJDA3MB+f/DAa8D3v8xAGvAtv/eAXH/swEBATUBzQGr/+EBnQEuAS4BiP+tAZP/4AMR//YD8//TA53/+QOnAiED+wLtAnUBmAGhAen/XAFRAgED4gLTAwAD7QLbAnMCuQLCAiMCfAKBAnUDHAPzAp8CPgJhAtcDEQP9AssChAMyA9UDJAIZA4QC8ALPAjECrQJlAwkDOwNqAucCoAMnAyYDFwNhA/4AuwP9AwED8ALaAn8CfwK3AjMCZAKPAm0DKgNLA2QCegJxA/kDPANhAuYCagMaA64C2wK2A38DcQN5A+AC6wLYAyADoAJxAh8DCQNxA+sDqwOxA2QDgQLvA9EDcwLMA4EDXgJ3AuUD+QOYA9MDCwPfA/UCtQO2A8UD6gOlAwYDzQLrAuUCMwJlAlQDfwJqAo8CcwLBAu0CRQLCAgsDWgNHAxcDCQMRA3QDcgLtAkUCrQN1AzgDKQM1A68CZQNIA3YDbgLVAosDvwPrA9ED/wO1A3UCpQMnAyADfgPJA/UD8gLDA0kDPwNpA/MCoQMaAxEDeQNvAxUDyQOQA78CowJvAp8CcwKnAh0DfwLBA/AC/ANVA0kDqQMKA18DuQOnAvICeQKVApsCDQN/A/ADLwNPA/sDSQNtAwgDMwJqA/QDcQNNA+ED+wLNApsCDgNpA/ACbAPXA+UDrQLjApoCRQLKAjoDkAMDA/4A8QLVA9ADuAKSAy8DeAPzAnkDqAPgAzEDaAN3AyoDMQJuAuQC5AMwAxYDWwNNA3sCqQOvAzkDPALRAv4DQQPhA/8DrAJXAs8CuwNRAxcDLgPZAwsDRQOnAnECcQJRAmcCNwO3A9AC9QL5A/0D+AP6AvwCRwKGAgcCAgL+AvwCgAJ/AloCbQLGAoYCrQKtAj0D9QMTA/kCiwJfApEDVQNpA0kDMQObA6sCmwIlAlkDmgOhAs0ChQJnAt8DEwPfAvUDXQNjA00DeQOdAnEC7AIhAqMCkwIfAgkCfQKUAq8CHwI/AnwB3gHxAY8BsQGmAZkBqQG/AV8BqwGNAVgBHgF4AYsB5AHPAXABCQIxApcDDAODAogCAQJuAoYCwwIuAg8CJwIqAisCowKfAocCRwJZAkUCRQJTAjsCbQLvAukD6QPTA8sDyAPRAtIDogNWAyYDtgO7A54DoQOgA4gDkwOSA0oDRwNKA5oDUwL3At8C2ALbAtoCngKqAoECdwJBAp0D6QPoA+MC2wLZAtYCyAJRAiUCHQL9AxIDLgO6AzgDKANSA2YDigJvAosDswOVAxoDCgOrA7wDEAMXAzADrAMxAxEDGgOrA6YD0APpAysDMgN2Aw0DegOrA78DEAN6AzoDFQNqA7cDMgMlAyUDswOkA+gDJgN2A1ADKQNzAnMCqQJ5AjkCWwJrAmsCgwI6AjoCaQInAj8CAwIJAgcCBwIGAlUC+v/dAwkDCwL5ApkCQQIhAscB/wGFAf8BgwGlAhcCSwLWAj0D4QPQA8kDoAPZAoEC+ALFAuUC+ALtA/kC8ALNAusC8QLtAwkDDANOAy8DOQMoAywDOANQA0gDUANSA2sDeQOBA4UDoQOiA6YDowOqA6wDswO2A7sDvwPFA8sD0QPnA+kDDwPoAxYDLgMpAxYDgwO7A7QDwwOoAxIDHgM6AyEDEgOqAzoDBQJvAsEC4QINA7UD8wLRA/UDtQMKA1ID/wLRAw0D+QLxAsUCNQKVAjUCOwIjAjUCVQJ5AnkC7QIfAo8CrQJ8AnYCwwIbArMCbQILAkwDMwOBA5YDXwN8AyoDYgOqA14DRgNRA2MCmwM9A14DPgOQAzMCcwLdAvEChQKfAscC+QIlAnYCNALSAuoChQJqAmkClQJcApUCSQIfAnMC4QKwAyICVwJKAuIDfAMsA/EDVwNhA0kDPgM6A/kDFgOqAz4DoANOAyADIQNVA1IDUwOTA1IDRgO+A1cDswMpAzoDGgMfAyYDbwNrAxUD6ANeAwkDIgOpA8cDewOrA7MDswOGA7MDyAPHAtcC2QN3A+gDSgNNA4QD6AOeAxIDMwJzAloCggJnAt0DjwOzA8cDggO3AxEDMQObA6wDLgOvA4ID+AOaAyYDSgOBA/cDqQMvA+kDHQPVA4YDswO+AwsD0QOQAxcDegNqAwkDSwOBA4YDSgOVA54DGgOTA/0DDQPRA6gC7QMDA3UDMwOpAxID0QO0A60DxwOyA4IDMQN2AwUDSwOBA4YDTAPfA6YDrAOsAt0CwgLlAt0CtwK6AvoCywLrAu0CwwLDAuUCjQKXAlYCsgLbAvoDmwJKAuIDfAMwAyoDVwNmAzADVAMqAzkDTgNhAz4DSQM9AycDSgNjAxUDBQMqA2IDADYDJwMpA1kDswNWAwcDCgMRA+cD6wOYA6cD0gPTA8AC1gLMAswCyAJzAnUCgAKpApQCZQKZAlYC4gLbArYCmwKfA3sDOAOSA2cDigOTA4YDZQNLAxYDsgOXAzEDRgNhAwcDFQPxA/0C8QPZA/ADDAPVA3cDZgOYA8cC1wLJAmECUQLdAhkCTALJApcCUQLFAv8C0AIpAo0CtgIlAvIDJwMhAwUDIQPgAnEDAANOAwQDIQNxA4ADAAMyA90DHwM9Az8DHwOJAx8DRAOrAx8DJgNzA+gD9AO+Al8CagKbAhUCUQI3AlUCRQJZArQCmwJ9Ah8CiQIBAjYCPwI2AiEDIgJXAucCwwI5AscCIwLVAksCPQITAjsCVQJ3AnMCcgJ/AnQCngKhArkCiQI7AlECiQL/AoUCdwI7AjgCTAJJAlECgQKBAkEDGgMCA/0DAgIFAgUC/gL+AvgCiwJnAn8ClgInAt8CGAIbAlkC3AMdAx8DCAMMAwoDSgOrA6IDwwOqAwIDyAPkA9UDFQOTA4IDGgOAA4ADOgP6A+gDAgOvA3EDQQJTAh8CbgJZAtcCkQIhAvkCHwKFAhYCAQIPAjUCJAIKAkwDDAMZAyEDLgOlA5wDMgOaA6UDyANTAykDPQOSA6cDogPRA88DngOiA6UDswPKA84DCwMaAw0DSAOBA4YDNQOwAxYDDANYAwkDFgNhAzADVQNjAwkDSQN3AyADPQOkA00DZgNLA8kDcwOpA6kDswOQA8kDmAN3A6YDrAOQA6kDkwOpAxYD7wPTA+kDGQN3AyADcwOqAyYDAAP6A/gDMgNRA2IDRgNVA6YDsgOoAxYDcwOpAwADeAPUA/EDPQNmA0kD8QPTA/EDcgOYAxsDmAOmA5YDJgO6Aw8DPQPJA7UD0QPoAw0DZgNTAycD8APRA/0DAAN3AyAD/wPRA5YDAANnAzUDiQMvAw8DOQPTA9QDmAPIAxkDmQOrAw8DNAP/A/EDAAPfAx8DNQPVA9kDcwNpAzUDYwNRA6kDxwPTA8kDewOrAw8DPQM6AwIDMgNVA2MDAQN3A/ED0wPqAyYDeQOlAwADSwN3AyYDUANOAwIDcgOnAw8DIANzAzcDPwOTAykDPQMyAwsDIAN3AyoDAwPTA6IDMQNVA2MDgQNLAykDAgO3AyEDIAP/AvED2QMqAzEDYwOpAyoDDwOlAwADRwN3AyEDIANTBAIDmgOvA8kD9wPVA5EDAAMOAwQDmQPTA+ADNgPSA/QDswOkAwIDZwNzAyEDcgOpBAICrQLdAtYDkQORA8cDsQMpAxEDaANxA+sDgQNjA6kDMQM6AwADQQNpAwADJwNpAyUDcwOlA3cDegOvAzkDNQNpAwIDJwNrAzUDAANpAxYDAgOvAwkDJwNlAyUDIAN3AwkDwQMfAyEDIQPwA9kDaQNpAzUDNQOlAwIDIAN3AyEDLwO3AwADBwOpAw8DJQM3AyEDAANXA2YDAQMjAw8DUwOrAwIDNwNRA6kD0QPxA+gDMQMvA50DcQPfAhECCQJdAjcCWQIlAiQCqQK+Au0CHwLXAsYCgwKfAq8C2AJZAjEC+QI3AukCywJ7AlkCQQIvArcCXQIfAhACSQINAo0CTAMsAxkDCQNhA2cDYwNRA0gDJgMzAwsDBAMqAxcDMwPzA/sDAAP5AvACQQPVAwsDAwMvA/MC4QMmAvoDEAMzAoID+QL/A+ADKwN8AyADfANtAxYDcQOhA/kDAAOiAwAAyQJ7AgsCrQKdAlUC3wL6A4kDCgONA+kD6QMZA/ACwQKnAvoCdwIfAqwCrAK9AjUCYQLFAusCDQJJAjgCGwLXAggCAQLaAh8C6QIsAjUCBwL9AvkBWAJTAh8CbQK6AlQCQQI1AspAyMDAAOcB2gHnAXYBWAEIAVABfAGLAV4BagFaAVsBXgFWAVYBXgFSAUsBSQFTAUsBHgEqAToBQAFGASEBLQErAR0BDQEIAQABkAHnAfQBeAEMAQYBMgEaASoBIAEaATIBIgEIAQYB2gHWAY8BogGPAQYBXgFRAU4BPAFGASgBGAEaAQ4BDgHWAXIBeAF6AWABVgFIAToBOgFkAZABegFiAWYBkAHSAZwBpgHyAdsB/AHiAUwBSgFWAVQBOgEgASoBGAEGATIBLgHnAfcB8QEWASEBPAGfAaABlAHGAeYBugGtAVgBWAE6ARYBMgHyAWIBSAFiAVYBagEgASwBEAEyAdsBvQG5AVQBWgFqAXgBPAEwAQYBEAGYAc4BmAGQAZYBlgF4AXQBYgFgAUwBQAFaAYwBkwGQAc4BvQGeAdsBigGRAfYBogGeAcABqAFqAUgBGgEQAYsB/AH8AZwBwAG8AVgBKgEWATIBHQHYAZABqAFgAUABIAGLAfIB+wGNAYYB9AGeAYYBtgHYAY8BpgFWAVQBPAGWAcABoAGAAdgBhgGYAXABSgEYARYBogGWAfIBnAGqAdIBsgFyAUABVgFiAbsBsQFgAUABPAEAASwBmgGsAbsBrQFwAYYBtgHCAQYBSgH6AYYBigH4AboBfgG9AdgBWAE6AQ4BGAEgARAAyAGqAYYBigH6AeYBqAFFASoBIAEeATwBmAGqAdoBugGGAVQBKAEQATIB+wGHAY8BrQFwAVQBagFYAXIBLgHmAYYBrQFeAdYBogHWAZABagFKARYBDgHYAfkBhgGiAfoBtgGaAVgBLAGQAZoB6AGWAcIDbgKxArUC4gLGAgICagL8AhkCDQLDAoMCNQLtApECIgINAq0CgwLSAloCRQK2AssCNwIZAvACYQIVAhoCGgIAAhoCHwLhAiMCJAL3ArcCHwLiAnkD4wNTAo0CfgJXApcCHwLnAcABrAFoAdIAkgJzAugCmQIVAswCWQItAlkClQKPApsC6wLtAkUCgAMpA/cDdwM2A/UC/wNRAxADEAOoAycDMQNsA2kD6wLpAxUD7AMSA8QDcgLFAukC6QJdAuED8AMkA/AC3QJRAvICYQIfArsCgAJVAoMCgQI6AggCHwL1AkEDAAN/A/0CswP+Ah8CTAKVAlUCswI2AggCTALdAuECGQInAh8CSQKFAg0CywIRAkkChQINAnkD6wLtAkUCIwLBAuEDDwMQA8cDwgI6AgECGwIzAgkCZwKFAoMCuQIjAgECUQKlAocCcwLnAssCVQJqAscCQAIqAgEDZQNzA0EDAANzA8EDAANzA8EDEQOQAyADGQN3A6kDywMAAwADIANSAl0CHwJdAjcCHwJdAjcCQQIbAl0CTwIjAnkCQQIbAv0CdwJBAh8CDQLtAgkCzQIDAgoCAgIKAigCDAISAv8CfgIDAvoCQAIjAg0CGgIaAjcCqQLdAqMCcALFAjMCVQIDAoUCQQIfAjUCCwIfAvwCDQK/AxwDPQMyAyADmAPRA8YDPAOoAzIDZwMZA1EDRwNXA+gDwwP8AyQDZwOyA/0DawPkAzADZwOoA+gDkwPJA7ADMgOYA+ACyQJJAscCYQIVAq0CVQKNAkkCWQIDAq0CTQIpAikCbQLZArECKwINAqECGQIDAqECrQI6AikCbQLHAvEDVAMgA6YD+AMxAwcDPQMRA2cDywPRAykDMQPTAxUDmAMpAzEDMgOoAxADqAPQA6gD6APIA+AD+AMAAvACVQLBAjMCwQMfAwAD8APTA3cD0wPRA2cDPwPRAyUDMgOpAxYDsgPzA8QDqAPQA8sDagORA6kD6APeA7ADYgOKA6ID8wPQA2MDRQNRA4kD6ANTSAKVAhsCcQL/AnsCrQI6AqsCcAKXAjECcwKbAgQCCQL7An8CDQIJAnECgQIDAoECdwIfAncCgQIfAgEC/AJ/Ah8CTALjAxYDDQOJA5ADIAPAA8cDKQNyA/QDmQNAAycDAAMSA/ADMAMAAvwCswIZAlcCcwLfAggCAQKeAoECVQL/At0CHwLBAukCfAKSAh8CywLJAgEC6QJXAhoCXQJKAkcCQQLoAgoCtQI6AggCXQIZAnECUQKHAnMCgwI6AiQC3QLjApUCQQLpAmECqQL9ApUD8AL/AtcCWQLoAnwCAgJ/AjkCVQKVAnwCcAKDAukC/wIDAnoCfAI6AukCYQKBAgoCDQKNAqcClQKqAoUCTwKHAukCMwLJAVkCRQIDAukCYQIDAukCHAINAqMCOAL/AukCmQIUAvoCrQL5Ao8CQQKfAhQCDQIBApkCDQLpAnMCMALpAmECgwLFAv8CfgLbAnECVQKNAk0CLQItAsYCyQITAjECQQIZAggCfAIpAlsCXQKrApUCcwIXAjMCmQIUAhwCAQIfApkCNAL9AuYCdwJ9AvAClgJ/AusCWQITAswCsgJDAikCSgJLAlIC2gLJAkkCdwJfAlkCDwLNAoUCSQIVAhoCWQJ9AocCXQLAApsCQQIZAgED5wJXAjkCYQKFAi0CQQIvAksCVQKZAgEC6QI6AmsClQIZAi0CagJaAlkCmQIQAicCTAJlAnsChwJfAlgCbwJnApUCqQKzAs0CUQIjAkUCLwKbAscCzQLrAvEC5wLtAukC9AMAA/UD/wMAA/MC+wLzA/gDAAOtA78DpAOjA7UDvgPMA9cD3QO+A8kDiAOXA6sDowO6A50DoQOiA4gDigOkA48DnwOhAwd+B30HyQfGB8EHwAeDB4EHdwcAB2YHYwdoB18HeAduB2sHVAdeB2MHRAdGB0QHPwcHB+MHawdJB0cHQwdDB1gHXgdMB0sHSgdNBz4HWAdrB1oHTAdwBzcHYgcXB1AHWQdVAAAA) format('woff2');
        }

        /* --- CSS VARIABLES --- */
        :root {
            --primary-blue: #0052cc;
            --dark-gray: #333d47;
            --light-blue-surface: #f0f5ff;
            --white-bg: #ffffff;
            --light-gray-border: #e0e6f0;
            --font-heading: 'Zilla Slab', serif;
            --font-body: 'Poppins', sans-serif;
            --shadow-soft: 0 4px 12px rgba(0, 82, 204, 0.08);
            --shadow-strong: 0 8px 24px rgba(0, 82, 204, 0.12);
        }

        /* --- RESET & BASE STYLES --- */
        *, *::before, *::after {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: var(--font-body);
            color: var(--dark-gray);
            background-color: var(--white-bg);
            line-height: 1.7;
            font-size: 16px;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        /* --- LAYOUT & STRUCTURE --- */
        .strct-wrapper {
            width: 100%;
            max-width: 1200px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 2rem;
            padding-right: 2rem;
        }

        .section-pad {
            padding-top: 6rem;
            padding-bottom: 6rem;
        }

        /* --- TYPOGRAPHY --- */
        h1, h2, h3, h4, h5, h6 {
            font-family: var(--font-heading);
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 1.5rem;
            color: var(--dark-gray);
        }

        h1 { font-size: 3.5rem; }
        h2 { font-size: 2.5rem; }
        h3 { font-size: 1.75rem; }
        p { margin-bottom: 1rem; }
        a { color: var(--primary-blue); text-decoration: none; transition: color 0.3s ease; }
        a:hover { color: #003e99; }
        strong { font-weight: 600; }

        /* --- HEADER & NAVIGATION --- */
        .site-masthead {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 100;
            padding: 1.5rem 0;
        }

        .masthead-inner {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .site-logo a {
            font-family: var(--font-heading);
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--dark-gray);
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .main-navigation ul {
            display: flex;
            align-items: center;
            list-style: none;
            gap: 1.5rem;
        }

        .main-navigation a {
            color: var(--dark-gray);
            font-weight: 500;
            padding: 0.5rem;
            position: relative;
        }
        .main-navigation a::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: 0;
            left: 50%;
            background-color: var(--primary-blue);
            transition: all 0.3s ease-in-out;
        }
        .main-navigation a:hover::after {
            width: 100%;
            left: 0;
        }

        .dropdown-container {
            position: relative;
        }
        .dropdown-toggle {
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 0.25rem;
        }
        .dropdown-toggle svg {
            width: 12px;
            height: 12px;
            transition: transform 0.3s ease;
        }
        .dropdown-container.open .dropdown-toggle svg {
            transform: rotate(180deg);
        }
        .dropdown-menu {
            position: absolute;
            top: calc(100% + 1rem);
            left: 50%;
            transform: translateX(-50%);
            background: var(--white-bg);
            border-radius: 8px;
            box-shadow: var(--shadow-strong);
            padding: 0.5rem;
            list-style: none;
            width: max-content;
            opacity: 0;
            visibility: hidden;
            transform-origin: top center;
            transition: opacity 0.3s ease, visibility 0.3s ease;
            z-index: 101;
        }
        .dropdown-container.open .dropdown-menu {
            opacity: 1;
            visibility: visible;
        }
        .dropdown-menu li a {
            display: block;
            padding: 0.5rem 1rem;
            white-space: nowrap;
            border-radius: 4px;
        }
        .dropdown-menu li a:hover {
            background-color: var(--light-blue-surface);
        }
        .dropdown-menu li a::after { content: none; }


        /* --- HERO SECTION --- */
        .hero-realm {
            height: 80vh;
            min-height: 600px;
            background-color: var(--white-bg);
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        .hero-realm::before {
            content: '';
            position: absolute;
            bottom: -50px;
            left: 50%;
            transform: translateX(-50%);
            width: 120%;
            height: 200px;
            background: var(--light-blue-surface);
            border-radius: 50% 50% 0 0;
            z-index: 0;
        }
        .hero-content {
            position: relative;
            z-index: 1;
        }
        .hero-realm .sub-headline {
            font-size: 1.25rem;
            max-width: 700px;
            margin: 0 auto 2.5rem;
            color: #555e68;
        }
        .main-call-to-action {
            display: inline-block;
            background: var(--primary-blue);
            color: var(--white-bg);
            font-family: var(--font-heading);
            font-size: 1.2rem;
            padding: 1rem 2.5rem;
            border-radius: 50px;
            text-transform: uppercase;
            letter-spacing: 1px;
            box-shadow: 0 4px 15px rgba(0, 82, 204, 0.3);
            transition: all 0.3s ease;
        }
        .main-call-to-action:hover {
            background: #003e99;
            box-shadow: 0 6px 20px rgba(0, 82, 204, 0.4);
            transform: translateY(-3px);
        }

        /* --- SECTION GENERIC STYLES --- */
        .section-headline {
            text-align: center;
            margin-bottom: 4rem;
        }
        .section-headline h2 {
            margin-bottom: 0.5rem;
        }
        .section-headline .subtitle {
            font-size: 1.1rem;
            max-width: 600px;
            margin: 0 auto;
            color: #555e68;
        }
        .bg-light-blue {
            background-color: var(--light-blue-surface);
        }

        /* --- STEPS BLOCK --- */
        .steps-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 2rem;
            position: relative;
        }
        .step-item {
            text-align: center;
            padding: 2rem;
            position: relative;
        }
        .step-number {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 60px;
            height: 60px;
            border: 2px solid var(--primary-blue);
            border-radius: 50%;
            margin: 0 auto 1.5rem;
            font-family: var(--font-heading);
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--primary-blue);
            background-color: var(--white-bg);
            z-index: 2;
            position: relative;
        }
        .step-item h3 {
            font-size: 1.25rem;
            margin-bottom: 0.5rem;
        }
        .steps-grid::before {
            content: '';
            position: absolute;
            top: 29px;
            left: 16.66%;
            right: 16.66%;
            height: 2px;
            background: var(--light-gray-border);
            z-index: 1;
        }
        
        /* --- FEATURES BLOCK --- */
        .features-layout {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 4rem;
            align-items: center;
        }
        .feature-list ul {
            list-style: none;
            padding: 0;
        }
        .feature-list li {
            font-size: 1.1rem;
            padding: 1rem 0 1rem 2.5rem;
            position: relative;
            border-bottom: 1px solid var(--light-gray-border);
        }
        .feature-list li:last-child {
            border-bottom: none;
        }
        .feature-list li::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 24px;
            height: 24px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230052cc'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
            background-size: contain;
        }
        .features-visual {
            background: var(--light-blue-surface);
            border-radius: 12px;
            padding: 3rem;
            text-align: center;
        }
        .features-visual svg {
            width: 150px;
            height: 150px;
            color: var(--primary-blue);
            opacity: 0.7;
        }
        .features-visual p {
            margin-top: 1rem;
            font-size: 1.1rem;
            color: #49638c;
            font-weight: 500;
        }

        /* --- SOCIAL PROOF (TESTIMONIALS) --- */
        .testimonials-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 2rem;
        }
        .testimonial-card {
            background-color: var(--white-bg);
            border: 1px solid var(--light-gray-border);
            padding: 2rem;
            border-radius: 12px;
            box-shadow: var(--shadow-soft);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .testimonial-card:hover {
            transform: translateY(-8px);
            box-shadow: var(--shadow-strong);
        }
        .testimonial-author {
            display: flex;
            align-items: center;
            margin-top: 1.5rem;
        }
        .author-avatar {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background-color: var(--light-blue-surface);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 1rem;
            font-weight: bold;
            color: var(--primary-blue);
        }
        .author-name {
            font-weight: 600;
        }
        .author-handle {
            font-size: 0.9rem;
            color: #777;
        }
        .testimonial-text {
            font-style: italic;
            color: #555;
            position: relative;
            padding-left: 1.5rem;
        }
        .testimonial-text::before {
            content: '“';
            position: absolute;
            left: -5px;
            top: -10px;
            font-size: 2.5rem;
            color: var(--primary-blue);
            opacity: 0.3;
        }

        /* --- FAQ ACCORDION --- */
        .faq-wrapper {
            max-width: 800px;
            margin: 0 auto;
        }
        .faq-item {
            border-bottom: 1px solid var(--light-gray-border);
        }
        .faq-question {
            width: 100%;
            background: none;
            border: none;
            text-align: left;
            padding: 1.5rem 0;
            font-family: var(--font-heading);
            font-size: 1.2rem;
            font-weight: 700;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .faq-arrow {
            width: 18px;
            height: 18px;
            transition: transform 0.3s ease;
            flex-shrink: 0;
        }
        .faq-item.active .faq-arrow {
            transform: rotate(180deg);
        }
        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease-out, padding 0.4s ease-out;
        }
        .faq-answer p {
            padding-bottom: 1.5rem; 
        }

        /* --- BENEFITS GRID --- */
        .benefits-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-template-rows: repeat(2, auto);
            gap: 2rem;
        }
        .benefit-card {
            background-color: var(--light-blue-surface);
            border: 2px solid transparent;
            padding: 2rem;
            border-radius: 12px;
            text-align: center;
            transition: all 0.3s ease;
        }
        .benefit-card:hover {
            background-color: var(--white-bg);
            border-color: var(--primary-blue);
            transform: scale(1.03);
            box-shadow: var(--shadow-strong);
        }
        .benefit-icon {
            width: 50px;
            height: 50px;
            margin: 0 auto 1.5rem;
            color: var(--primary-blue);
        }
        .benefit-card h3 {
            font-size: 1.25rem;
        }
        
        /* --- ARTICLE BLOCK --- */
        .article-zone {
            padding: 0 1rem;
        }
        .article-zone h2 {
            font-size: 2rem;
            border-left: 4px solid var(--primary-blue);
            padding-left: 1rem;
            margin-top: 3rem;
            margin-bottom: 1.5rem;
        }
        .article-zone p, .article-zone ul, .article-zone ol {
            margin-bottom: 1.5rem;
            font-size: 1.1rem;
            line-height: 1.8;
        }
        .article-zone ul, .article-zone ol {
            padding-left: 2rem;
        }
        .article-zone li {
            margin-bottom: 0.5rem;
        }
        .article-zone img {
            width: 100%;
            height: auto;
            border-radius: 12px;
            margin: 1.5rem 0;
            box-shadow: var(--shadow-soft);
        }
        .article-zone table {
            width: 100%;
            border-collapse: collapse;
            margin: 2rem 0;
            font-size: 1rem;
        }
        .article-zone th, .article-zone td {
            border: 1px solid var(--light-gray-border);
            padding: 1rem;
            text-align: left;
        }
        .article-zone th {
            background-color: var(--light-blue-surface);
            font-family: var(--font-heading);
            color: var(--primary-blue);
        }

        /* --- FOOTER --- */
        .site-foot {
            background-color: var(--dark-gray);
            color: #aeb9c7;
            padding-top: 5rem;
            padding-bottom: 2rem;
            font-size: 0.9rem;
        }
        .footer-grid {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            gap: 3rem;
            margin-bottom: 4rem;
        }
        .footer-col h4 {
            font-family: var(--font-heading);
            color: var(--white-bg);
            margin-bottom: 1.5rem;
            font-size: 1.1rem;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        .footer-col ul {
            list-style: none;
        }
        .footer-col li {
            margin-bottom: 0.75rem;
        }
        .footer-col a {
            color: #aeb9c7;
        }
        .footer-col a:hover {
            color: var(--white-bg);
            text-decoration: underline;
        }
        .footer-about .logo-footer a {
            font-family: var(--font-heading);
            font-size: 1.8rem;
            font-weight: 700;
            color: var(--white-bg);
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 1rem;
            display: block;
        }
        .footer-bottom {
            text-align: center;
            border-top: 1px solid #4a5561;
            padding-top: 2rem;
        }

        /* --- ANIMATIONS --- */
        .animate-on-scroll {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        }
        .animate-on-scroll.is-visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* --- RESPONSIVE DESIGN --- */
        @media (max-width: 1024px) {
            h1 { font-size: 2.8rem; }
            h2 { font-size: 2.1rem; }
            .section-pad { padding-top: 4rem; padding-bottom: 4rem; }
            .steps-grid, .testimonials-grid, .benefits-grid { grid-template-columns: repeat(2, 1fr); }
            .steps-grid::before { display: none; }
            .footer-grid { grid-template-columns: 1fr 1fr; }
            .features-layout { grid-template-columns: 1fr; }
        }
        @media (max-width: 768px) {
            h1 { font-size: 2.2rem; }
            .strct-wrapper { padding-left: 1rem; padding-right: 1rem; }
            .masthead-inner { flex-direction: column; gap: 1rem; }
            .main-navigation ul { flex-wrap: wrap; justify-content: center; gap: 0.5rem 1rem;}
            .hero-realm { height: auto; min-height: 90vh; padding: 10rem 0 4rem; }
            .steps-grid, .testimonials-grid, .benefits-grid { grid-template-columns: 1fr; }
            .footer-grid { grid-template-columns: 1fr; }
        }


/* --- FONT IMPORTS --- */         /* Zilla Slab - Slab Serif for Headings */         @font-face {             font-family: 'Zilla Slab';             font-style: normal;             font-weight: 700;             src: url(data:font/woff2;base64,d09GRgABAAAAAAjoAAsAAAAADeAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEdAAAABoAAAAcbtdgG0dERUYAAASYAAAAHgAAAB4AKQALT1MvMgAAATgAAABJAAAAYGFguzljbWFwAAACAAAAAUAAAAGQAmIDnGN2dCAAAARcAAAADAAAAAQAAAAAZnBnbQAAAqgAAAF8AAAB8/Tj6fRnbHlmAAADPAAABD0AAAesnmdP8WhlYWQAAAEsAAAAMQAAADYSGoKHaGhlYQAABGAAAAAkAAAAJA+gA7xobXR4AAAEeAAAAA4AAAAOEgAAAGxvY2EAAARwAAAADAAAAAwAZgAabWF4cAAAAUAAAAAgAAAAIAFGAfhuYW1lAAA7AAAAZgAAAdsB5t94cG9zdAAAOxwAAABWAAAAs9v3T/ZwcmVwAAAEbgAAAAwAAAAMBdsLowABAAADgQ3/L/F6AAAFXwABAAAAAAAAAAAAAAAAAAAAAQABUABGAHAAAP/y/3gDAP+9AAADAAABAAAAAAAAAAAAAAAAAAAAAgABAAAABQAAAAAAAAAAAAAAAQAAAAEAAS/v5vVfDzz1AAMD6AAAAADYBOKLAAAAANgE4osAAAAAAxSGVwAAAAIAAQMAAQAECQAAAAgACAAsAAMAAQQJAAAAAgABAAsAAwABBAkAAQAIABEAAwABBAkAAgAQABUAAwABBAkAAwA0ADsAAwABBAkABAAIAF0AAwABBAkABQAcAGsAAwABBAkABgAIAIYAAwABBAkADgA0AIoAAwABBAkAEQAQAI8AAwABBAkAEgAsAJsAAwABBAkAEwAQAKkAAwABBAkAIQAeALAAAAMAAQQJACYALQC7AAs8d3d3LmpvemVmaW4tc3RhbmRzLmNvbT4AACBlbWJlZGRlZCBpbiA8aHR0cHM6Ly9nZW5lcmF0aXZlYWkuZ29vZ2xlLz4AVgBvAGwAbABkAGUAcwAgAEIAZQB0AGEAIAA0AC4AMAAgAEIAZQB0AGEAIAA0VgBlAHIAcwBpAG8AbgAgADQALgAwADAAVgBvAGwAbABkAGUAZQBzACAAMAAxADgAVgBlAHIAcwBpAG8AbgAgAFIAZQBnAHUAbABhAHIAVgBvAGwAbABkAGUAZQBzACAAMAAxADgAAABCAGMAYQByAGQAIABSAGUAZwB1AAAAAAA) format('woff2');         }         /* Poppins - Geometric Sans for Body */         @font-face {             font-family: 'Poppins';             font-style: normal;             font-weight: 400;             src: url(data:font/woff2;base64,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f/rfftf/9+v21vvvT3//2v//e/+rb//63vv6+9v/fe397X/ve2//v//e//f/vW797+vb+/v17/v//e9t++f/+//f3t//r63/vbfv/++/9/r+/fe/tf2vfe3vvf7f3/+v/797evvb//e3/vbfvtff/feO/t/f0//u+3v+gP/fe3/9/+vvfX9/+vb+/b+v3ve/tr3/ve+v3P2vvfe2/f//+n/v39v/b2//vf+vv/fe/9v/d/b2/+/vfX9/+9+fe+vvf+/vf+2/ffb21vv39v/v//e//9vv3v3721vf/9vb+/+P7f/L+//7+g/7/v7X/+v57X/++ve/vvb3//3/9b6/b++P7/2/f3vff+Pv7/v7v/fe+ve/vff++9tf//639v+9v/e3v/a//Xvvvfe3/++9vf3vrf+t/a+tfb/3vvfevP+/P/d/v/e9r//vb/tfa3v7/++t6G/P9P/+u//fbe//e+/be+//3/7b9t/+t77X/9+tfb+2/93/u/rX+/9ve+//+//+t+H///v631/de29vv/O++/7+vf+2/vfXf9v5ft/f9++ve++v/ve+//3/e3vfrf+g/+vba3t7/e33+vrfe2//++7f///v73t731/e+9v6+9+v/19vbW++/bf37//u3t7a3/t7f2v32/+v+//33+/963/va+//+/r2/t7ff3vb//L/X+3/fff/3v+/bW+/fe//1t/f+vrX9va3va8/fa+/731vf6A39v++/3+/p396/+//X+/fe//P9b+t+2/f2/vb7+/7W+/6+t/3///1u/+vvb+9re9r/+v+/f+//6A3vf9v32v/a+/bevt/v7e+/f+/3/972/u23re+/vf9b+299/v17/e9v7+/e3r3v39/bXvv3t++vb+/tfe9tb/0Bv7e+/b9/+tf+963/f+tfXvr//t/f+/rX9u/+/+/ff2/vfvfb+3/a3va/vb/vf29///r/+1/v/+vff9b+/va+3+/f+/f7//S3/7e+t/1+vb+/vf2v7/9r/Wtt//f9//vf+v+/1vbff+//2vt+t+/fbfe//v/vbbf2ve9v+3tt/f/6X+2vf2/7f3v3t/a39v73+v+1/b3vv1vr21vf63ve+v/e+/ff//rv+vt/+2/vbW+t/7+/fbfe/vr+v7f/9//vv/7P/9v/evvf7+9re//f0n/ff+vt/a9r/e/1b+/1b+/n3vv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) format('woff2');         }          /* --- CSS VARIABLES --- */         :root {             --primary-blue: #0052cc;             --dark-gray: #333d47;             --light-blue-surface: #f0f5ff;             --white-bg: #ffffff;             --light-gray-border: #e0e6f0;             --font-heading: 'Zilla Slab', serif;             --font-body: 'Poppins', sans-serif;             --shadow-soft: 0 4px 12px rgba(0, 82, 204, 0.08);             --shadow-strong: 0 8px 24px rgba(0, 82, 204, 0.12);         }          /* --- RESET & BASE STYLES --- */         *, *::before, *::after {             box-sizing: border-box;             margin: 0;             padding: 0;         }          html {             scroll-behavior: smooth;         }          body {             font-family: var(--font-body);             color: var(--dark-gray);             background-color: var(--white-bg);             line-height: 1.7;             font-size: 16px;             -webkit-font-smoothing: antialiased;             -moz-osx-font-smoothing: grayscale;         }          /* --- LAYOUT & STRUCTURE --- */        .strct-wrapper {             width: 100%;             max-width: 1200px;             margin-left: auto;             margin-right: auto;             padding-left: 2rem;             padding-right: 2rem;         }         .section-pad {             padding-top: 6rem;             padding-bottom: 6rem;         }          /* --- TYPOGRAPHY --- */         h1, h2, h3, h4, h5, h6 {             font-family: var(--font-heading);             font-weight: 700;             line-height: 1.2;             margin-bottom: 1.5rem;             color: var(--dark-gray);         }          h1 { font-size: 3.5rem; }         h2 { font-size: 2.5rem; }         h3 { font-size: 1.75rem; }         p { margin-bottom: 1rem; }         a { color: var(--primary-blue); text-decoration: none; transition: color 0.3s ease; }         a:hover { color: #003e99; }         strong { font-weight: 600; }          /* --- HEADER & NAVIGATION --- */        .site-masthead {             position: absolute;             top: 0;             left: 0;             width: 100%;             z-index: 100;             padding: 1.5rem 0;         }         .masthead-inner {             display: flex;             justify-content: space-between;             align-items: center;         }         .site-logo a {             font-family: var(--font-heading);             font-size: 1.5rem;             font-weight: 700;             color: var(--dark-gray);             text-transform: uppercase;             letter-spacing: 1px;         }         .main-navigation ul {             display: flex;             align-items: center;             list-style: none;             gap: 1.5rem;         }         .main-navigation a {             color: var(--dark-gray);             font-weight: 500;             padding: 0.5rem;             position: relative;         }        .main-navigation a::after {             content: '';             position: absolute;             width: 0;             height: 2px;             bottom: 0;             left: 50%;             background-color: var(--primary-blue);             transition: all 0.3s ease-in-out;         }        .main-navigation a:hover::after {             width: 100%;             left: 0;         }         .dropdown-container {             position: relative;         }        .dropdown-toggle {             cursor: pointer;             display: flex;             align-items: center;             gap: 0.25rem;         }        .dropdown-toggle svg {             width: 12px;             height: 12px;             transition: transform 0.3s ease;         }        .dropdown-container.open .dropdown-toggle svg {             transform: rotate(180deg);         }        .dropdown-menu {             position: absolute;             top: calc(100% + 1rem);             left: 50%;             transform: translateX(-50%);             background: var(--white-bg);             border-radius: 8px;             box-shadow: var(--shadow-strong);             padding: 0.5rem;             list-style: none;             width: max-content;             opacity: 0;             visibility: hidden;             transform-origin: top center;             transition: opacity 0.3s ease, visibility 0.3s ease;             z-index: 101;         }        .dropdown-container.open .dropdown-menu {             opacity: 1;             visibility: visible;         }        .dropdown-menu li a {             display: block;             padding: 0.5rem 1rem;             white-space: nowrap;             border-radius: 4px;         }        .dropdown-menu li a:hover {             background-color: var(--light-blue-surface);         }        .dropdown-menu li a::after { content: none; }           /* --- HERO SECTION --- */        .hero-realm {             height: 80vh;             min-height: 600px;             background-color: var(--white-bg);             display: flex;             align-items: center;             justify-content: center;             text-align: center;             position: relative;             overflow: hidden;         }        .hero-realm::before {             content: '';             position: absolute;             bottom: -50px;             left: 50%;             transform: translateX(-50%);             width: 120%;             height: 200px;             background: var(--light-blue-surface);             border-radius: 50% 50% 0 0;             z-index: 0;         }        .hero-content {             position: relative;             z-index: 1;         }        .hero-realm .sub-headline {             font-size: 1.25rem;             max-width: 700px;             margin: 0 auto 2.5rem;             color: #555e68;         }        .main-call-to-action {             display: inline-block;             background: var(--primary-blue);             color: var(--white-bg);             font-family: var(--font-heading);             font-size: 1.2rem;             padding: 1rem 2.5rem;             border-radius: 50px;             text-transform: uppercase;             letter-spacing: 1px;             box-shadow: 0 4px 15px rgba(0, 82, 204, 0.3);             transition: all 0.3s ease;         }        .main-call-to-action:hover {             background: #003e99;             box-shadow: 0 6px 20px rgba(0, 82, 204, 0.4);             transform: translateY(-3px);         }          /* --- SECTION GENERIC STYLES --- */        .section-headline {             text-align: center;             margin-bottom: 4rem;         }        .section-headline h2 {             margin-bottom: 0.5rem;         }        .section-headline .subtitle {             font-size: 1.1rem;             max-width: 600px;             margin: 0 auto;             color: #555e68;         }        .bg-light-blue {             background-color: var(--light-blue-surface);         }          /* --- STEPS BLOCK --- */        .steps-grid {             display: grid;             grid-template-columns: repeat(3, 1fr);             gap: 2rem;             position: relative;         }        .step-item {             text-align: center;             padding: 2rem;             position: relative;         }        .step-number {             display: flex;             align-items: center;             justify-content: center;             width: 60px;             height: 60px;             border: 2px solid var(--primary-blue);             border-radius: 50%;             margin: 0 auto 1.5rem;             font-family: var(--font-heading);             font-size: 1.5rem;             font-weight: 700;             color: var(--primary-blue);             background-color: var(--white-bg);             z-index: 2;             position: relative;         }        .step-item h3 {             font-size: 1.25rem;             margin-bottom: 0.5rem;         }        .steps-grid::before {             content: '';             position: absolute;             top: 29px;             left: 16.66%;             right: 16.66%;             height: 2px;             background: var(--light-gray-border);             z-index: 1;         }                  /* --- FEATURES BLOCK --- */        .features-layout {             display: grid;             grid-template-columns: 1fr 1fr;             gap: 4rem;             align-items: center;         }        .feature-list ul {             list-style: none;             padding: 0;         }        .feature-list li {             font-size: 1.1rem;             padding: 1rem 0 1rem 2.5rem;             position: relative;             border-bottom: 1px solid var(--light-gray-border);         }        .feature-list li:last-child {             border-bottom: none;         }        .feature-list li::before {             content: '';             position: absolute;             left: 0;             top: 50%;             transform: translateY(-50%);             width: 24px;             height: 24px;             background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230052cc'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");             background-size: contain;         }        .features-visual {             background: var(--light-blue-surface);             border-radius: 12px;             padding: 3rem;             text-align: center;         }        .features-visual svg {             width: 150px;             height: 150px;             color: var(--primary-blue);             opacity: 0.7;         }        .features-visual p {             margin-top: 1rem;             font-size: 1.1rem;             color: #49638c;             font-weight: 500;         }          /* --- SOCIAL PROOF (TESTIMONIALS) --- */        .testimonials-grid {             display: grid;             grid-template-columns: repeat(3, 1fr);             gap: 2rem;         }        .testimonial-card {             background-color: var(--white-bg);             border: 1px solid var(--light-gray-border);             padding: 2rem;             border-radius: 12px;             box-shadow: var(--shadow-soft);             transition: transform 0.3s ease, box-shadow 0.3s ease;         }        .testimonial-card:hover {             transform: translateY(-8px);             box-shadow: var(--shadow-strong);         }        .testimonial-author {             display: flex;             align-items: center;             margin-top: 1.5rem;         }        .author-avatar {             width: 48px;             height: 48px;             border-radius: 50%;             background-color: var(--light-blue-surface);             display: flex;             align-items: center;             justify-content: center;             margin-right: 1rem;             font-weight: bold;             color: var(--primary-blue);         }        .author-name {             font-weight: 600;         }        .author-handle {             font-size: 0.9rem;             color: #777;         }        .testimonial-text {             font-style: italic;             color: #555;             position: relative;             padding-left: 1.5rem;         }        .testimonial-text::before {             content: '“';             position: absolute;             left: -5px;             top: -10px;             font-size: 2.5rem;             color: var(--primary-blue);             opacity: 0.3;         }          /* --- FAQ ACCORDION --- */        .faq-wrapper {             max-width: 800px;             margin: 0 auto;         }        .faq-item {             border-bottom: 1px solid var(--light-gray-border);         }        .faq-question {             width: 100%;             background: none;             border: none;             text-align: left;             padding: 1.5rem 0;             font-family: var(--font-heading);             font-size: 1.2rem;             font-weight: 700;             cursor: pointer;             display: flex;             justify-content: space-between;             align-items: center;         }        .faq-arrow {             width: 18px;             height: 18px;             transition: transform 0.3s ease;             flex-shrink: 0;         }        .faq-item.active .faq-arrow {             transform: rotate(180deg);         }        .faq-answer {             max-height: 0;             overflow: hidden;             transition: max-height 0.4s ease-out, padding 0.4s ease-out;         }        .faq-answer p {             padding: 0 0 1.5rem 0;          }          /* --- BENEFITS GRID --- */        .benefits-grid {             display: grid;             grid-template-columns: repeat(3, 1fr);             grid-template-rows: repeat(2, auto);             gap: 2rem;         }        .benefit-card {             background-color: var(--light-blue-surface);             border: 2px solid transparent;             padding: 2rem;             border-radius: 12px;             text-align: center;             transition: all 0.3s ease;         }        .benefit-card:hover {             background-color: var(--white-bg);             border-color: var(--primary-blue);             transform: scale(1.03);             box-shadow: var(--shadow-strong);         }        .benefit-icon {             width: 50px;             height: 50px;             margin: 0 auto 1.5rem;             color: var(--primary-blue);         }        .benefit-card h3 {             font-size: 1.25rem;         }                  /* --- ARTICLE BLOCK --- */        .article-zone {             max-width: 800px;             margin: 0 auto;         }        .article-zone h2 {             font-size: 2rem;             border-left: 4px solid var(--primary-blue);             padding-left: 1rem;             margin-top: 3rem;             margin-bottom: 1.5rem;         }        .article-zone p,.article-zone ul,.article-zone ol {             margin-bottom: 1.5rem;             font-size: 1.1rem;             line-height: 1.8;         }        .article-zone ul,.article-zone ol {             padding-left: 2rem;         }        .article-zone li {             margin-bottom: 0.5rem;         }        .article-zone img {             width: 100%;             height: auto;             border-radius: 12px;             margin: 1.5rem 0;             box-shadow: var(--shadow-soft);         }        .article-zone table {             width: 100%;             border-collapse: collapse;             margin: 2rem 0;             font-size: 1rem;         }        .article-zone th,.article-zone td {             border: 1px solid var(--light-gray-border);             padding: 1rem;             text-align: left;         }        .article-zone th {             background-color: var(--light-blue-surface);             font-family: var(--font-heading);             color: var(--primary-blue);         }          /* --- FOOTER --- */        .site-foot {             background-color: var(--dark-gray);             color: #aeb9c7;             padding-top: 5rem;             padding-bottom: 2rem;             font-size: 0.9rem;         }        .footer-grid {             display: grid;             grid-template-columns: 2fr 1fr 1fr 1fr;             gap: 3rem;             margin-bottom: 4rem;         }        .footer-col h4 {             font-family: var(--font-heading);             color: var(--white-bg);             margin-bottom: 1.5rem;             font-size: 1.1rem;             text-transform: uppercase;             letter-spacing: 1px;         }        .footer-col ul {             list-style: none;         }        .footer-col li {             margin-bottom: 0.75rem;         }        .footer-col a {             color: #aeb9c7;         }        .footer-col a:hover {             color: var(--white-bg);             text-decoration: underline;         }        .footer-about .logo-footer a {             font-family: var(--font-heading);             font-size: 1.8rem;             font-weight: 700;             color: var(--white-bg);             text-transform: uppercase;             letter-spacing: 1px;             margin-bottom: 1rem;             display: block;         }        .footer-bottom {             text-align: center;             border-top: 1px solid #4a5561;             padding-top: 2rem;         }          /* --- ANIMATIONS --- */        .animate-on-scroll {             opacity: 0;             transform: translateY(30px);             transition: opacity 0.6s ease-out, transform 0.6s ease-out;         }        .animate-on-scroll.is-visible {             opacity: 1;             transform: translateY(0);         }          /* --- ADDITIONAL STYLES --- */         .page-header {             padding: 6rem 0 5rem;             background: linear-gradient(180deg, var(--white-bg) 50%, var(--light-blue-surface) 100%);             text-align: center;         }         .page-header h1 {             font-size: 3rem;             margin-bottom: 0.5rem;         }         .page-header p {             color: #555e68;             font-size: 1.1rem;             margin: 0;         }         body .site-masthead {             position: static;             background-color: var(--white-bg);             box-shadow: 0 2px 4px rgba(0,0,0,0.05);         }                  /* --- RESPONSIVE DESIGN --- */         @media (max-width: 1024px) {             h1 { font-size: 2.8rem; }             h2 { font-size: 2.1rem; }            .section-pad { padding-top: 4rem; padding-bottom: 4rem; }            .steps-grid,.testimonials-grid,.benefits-grid { grid-template-columns: repeat(2, 1fr); }            .steps-grid::before { display: none; }            .footer-grid { grid-template-columns: 1fr 1fr; }            .features-layout { grid-template-columns: 1fr; }         }         @media (max-width: 768px) {             h1 { font-size: 2.2rem; }            .strct-wrapper { padding-left: 1rem; padding-right: 1rem; }            .masthead-inner { flex-direction: column; gap: 1rem; }            .main-navigation ul { flex-wrap: wrap; justify-content: center; gap: 0.5rem 1rem;}            .hero-realm { height: auto; min-height: 90vh; padding: 10rem 0 4rem; }            .steps-grid,.testimonials-grid,.benefits-grid { grid-template-columns: 1fr; }            .footer-grid { grid-template-columns: 1fr; }             .page-header { padding: 4rem 0; }             .page-header h1 { font-size: 2.5rem; }         }

.cta-box {
            background-color: var(--white-bg);
            padding: 3rem;
            border-radius: 12px;
            text-align: center;
            box-shadow: var(--shadow-strong);
            max-width: 800px;
            margin: 0 auto;
        }
        .cta-box h2 {
            margin-bottom: 1rem;
        }
        .cta-box p {
            margin-bottom: 2rem;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
            color: #555e68;
        }

