@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"),url(/assets/KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"),url(/assets/KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"),url(/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"),url(/assets/KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"),url(/assets/KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"),url(/assets/KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"),url(/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"),url(/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"),url(/assets/KaTeX_Main-Italic-BMLOBm91.woff) format("woff"),url(/assets/KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"),url(/assets/KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"),url(/assets/KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"),url(/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"),url(/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"),url(/assets/KaTeX_Math-Italic-DA0__PXp.woff) format("woff"),url(/assets/KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"),url(/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"),url(/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"),url(/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"),url(/assets/KaTeX_Script-Regular-D5yQViql.woff) format("woff"),url(/assets/KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"),url(/assets/KaTeX_Size1-Regular-C195tn64.woff) format("woff"),url(/assets/KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"),url(/assets/KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"),url(/assets/KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"),url(/assets/KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"),url(/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"),url(/assets/KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"),url(/assets/KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"),url(/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"),url(/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.25"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}
.whatsapp-qualification{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:88px 0;border-block:1px solid var(--ch-line);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}.qualification-heading h2{margin:14px 0 12px;font:600 clamp(2.25rem,4.5vw,4rem)/1.02 "Space Grotesk",sans-serif;letter-spacing:-.065em}.qualification-heading>p:last-child{max-width:560px;color:var(--ch-muted);font-size:15px;line-height:1.7}.qualification-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.qualification-option{display:flex;align-items:flex-start;gap:11px;min-height:74px;padding:16px;border:1px solid var(--ch-line);background:rgba(255,255,255,.025);color:#cbd8e5;text-align:start;cursor:pointer;transition:transform 160ms ease,border-color 160ms ease,background 160ms ease}.qualification-option:hover,.qualification-option:focus-visible{transform:translateY(-2px);border-color:rgba(103,160,255,.7);background:rgba(103,160,255,.09)}.qualification-option.is-selected{border-color:rgba(100,228,179,.7);background:rgba(100,228,179,.08);color:#effff8}.qualification-option-mark{display:grid;place-items:center;flex:0 0 auto;width:21px;height:21px;border:1px solid rgba(100,228,179,.65);color:#06100f}.qualification-option.is-selected .qualification-option-mark{background:var(--ch-mint)}.qualification-action{grid-column:2;display:grid;gap:12px;margin-top:-1px;padding:20px;border:1px solid rgba(100,228,179,.25);background:linear-gradient(145deg,rgba(14,36,39,.82),rgba(8,13,19,.92))}.qualification-action p{margin:0;color:#aebed0;font-size:13px;line-height:1.5}.qualification-action p strong{color:#e9f5f3}.qualification-action .conversion-primary{width:max-content}.qualification-action small{color:#7d91a5;font-size:11px;line-height:1.5}.qualification-action .conversion-primary:hover{transform:translateY(-2px)}html:not(.dark) .whatsapp-qualification{background:#f5f8fb}html:not(.dark) .qualification-option{background:rgba(255,255,255,.78);color:#284159}html:not(.dark) .qualification-option.is-selected{color:#123d35}html:not(.dark) .qualification-action{background:linear-gradient(145deg,#e5f5f0,#eef4fc)}@media(max-width:900px){.whatsapp-qualification{grid-template-columns:1fr;gap:28px}.qualification-action{grid-column:auto;margin-top:0}}@media(max-width:620px){.whatsapp-qualification{width:min(100% - 32px,1180px);padding:66px 0}.qualification-options{grid-template-columns:1fr}.qualification-action .conversion-primary{width:100%}}@media(prefers-reduced-motion:reduce){.qualification-option,.qualification-action .conversion-primary{transition:none}}
.conversion-home{--ch-bg:#06080d;--ch-panel:#0d121a;--ch-panel2:#101925;--ch-line:rgba(154,181,213,.18);--ch-text:#f3f7fb;--ch-muted:#9eacbb;--ch-blue:#67a0ff;--ch-mint:#64e4b3;position:relative;overflow:hidden;background:var(--ch-bg);color:var(--ch-text)}
.conversion-home *{box-sizing:border-box}.conversion-section,.conversion-hero-inner{width:min(1180px,calc(100% - 48px));margin-inline:auto}.conversion-hero{position:relative;min-height:calc(100vh - 112px);display:grid;align-items:center;padding:118px 0 72px;background:radial-gradient(circle at 76% 38%,rgba(45,101,206,.16),transparent 30%),radial-gradient(circle at 12% 80%,rgba(36,198,155,.08),transparent 28%),#06080d}.conversion-grid{position:absolute;inset:0;opacity:.38;background-image:linear-gradient(rgba(107,149,205,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(107,149,205,.07) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,#000,transparent 85%)}.conversion-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:72px;align-items:center}.conversion-hero-copy{max-width:680px}.conversion-eyebrow,.conversion-kicker{display:flex;align-items:center;gap:10px;color:var(--ch-mint);font:600 10px/1.2 "DM Mono",monospace;letter-spacing:.18em;text-transform:uppercase}.conversion-eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--ch-mint);box-shadow:0 0 15px rgba(100,228,179,.8)}.conversion-hero h1{max-width:760px;margin:26px 0 22px;font:600 clamp(3.6rem,7vw,6.8rem)/.94 "Space Grotesk",sans-serif;letter-spacing:-.075em}.conversion-lead{max-width:650px;margin:0;color:var(--ch-muted);font-size:clamp(1.02rem,1.5vw,1.24rem);line-height:1.75}.conversion-actions,.conversion-final-actions,.conversion-learn-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.conversion-primary,.conversion-secondary,.conversion-card-link,.conversion-inline-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;padding:13px 17px;font-size:13px;font-weight:650;transition:transform 160ms ease,background 160ms ease,border-color 160ms ease,box-shadow 160ms ease}.conversion-primary{border:1px solid rgba(100,228,179,.7);background:linear-gradient(135deg,#65e3b2,#72c9ff);color:#06100f;box-shadow:0 12px 32px rgba(65,201,166,.14)}.conversion-primary:hover,.conversion-primary:focus-visible{transform:translateY(-2px);box-shadow:0 16px 38px rgba(65,201,166,.24)}.conversion-secondary{border:1px solid var(--ch-line);background:rgba(255,255,255,.025);color:#d6e1ed}.conversion-secondary:hover,.conversion-secondary:focus-visible{border-color:rgba(103,160,255,.7);background:rgba(103,160,255,.1);transform:translateY(-2px)}.conversion-trust{margin-top:24px;color:#6f8194;font:10px/1.6 "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.conversion-hero-visual{position:relative;min-height:480px;border:1px solid var(--ch-line);background:radial-gradient(circle at center,rgba(74,135,255,.12),transparent 42%),linear-gradient(145deg,rgba(16,27,45,.82),rgba(5,8,14,.9));overflow:hidden}.conversion-hero-visual:before,.conversion-hero-visual:after{content:"";position:absolute;inset:14%;border:1px solid rgba(103,160,255,.17);transform:rotate(27deg);border-radius:45% 55% 42% 58%;}.conversion-hero-visual:after{inset:22%;transform:rotate(-29deg);border-color:rgba(100,228,179,.2)}.conversion-orbit{position:absolute;inset:18% 13%;border:1px solid rgba(104,167,255,.34);border-radius:50%;transform:rotate(-22deg)}.orbit-two{inset:26% 18%;border-color:rgba(100,228,179,.27);transform:rotate(41deg)}.conversion-core{position:absolute;inset:0;display:grid;place-items:center;text-align:center}.conversion-core:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(100,228,179,.25),rgba(81,117,255,.1) 45%,transparent 70%);filter:blur(3px)}.conversion-core span{position:relative;display:grid;place-items:center;width:92px;height:92px;border:1px solid rgba(118,223,255,.65);border-radius:50%;color:#dffaff;font:600 9px/1.45 "DM Mono",monospace;letter-spacing:.1em;box-shadow:0 0 35px rgba(83,185,255,.35),inset 0 0 25px rgba(103,160,255,.17)}.conversion-signal{position:absolute;z-index:2;display:flex;align-items:center;gap:7px;color:#a9c0d7;font:10px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.conversion-signal span{width:6px;height:6px;border-radius:50%;background:var(--ch-mint);box-shadow:0 0 10px var(--ch-mint)}.signal-a{top:21%;left:12%}.signal-b{top:35%;right:10%}.signal-c{bottom:22%;left:18%}.conversion-visual-caption{position:absolute;bottom:18px;left:20px;color:#6e8da9;font:9px "DM Mono",monospace;letter-spacing:.13em}.conversion-section{padding:96px 0}.conversion-section-heading{max-width:720px}.conversion-section-heading h2,.conversion-white-copy h2,.conversion-final-panel h2{margin:14px 0 0;font:600 clamp(2.25rem,4.5vw,4.3rem)/1.02 "Space Grotesk",sans-serif;letter-spacing:-.065em}.conversion-paths{padding-top:108px}.conversion-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px}.conversion-path-card{display:flex;min-height:390px;flex-direction:column;padding:24px;border:1px solid var(--ch-line);background:linear-gradient(145deg,rgba(16,25,37,.86),rgba(8,12,18,.9));transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease}.conversion-path-card:hover{transform:translateY(-5px);border-color:rgba(103,160,255,.62);box-shadow:0 22px 48px rgba(0,0,0,.28)}.conversion-path-card.is-featured{border-color:rgba(100,228,179,.5);background:linear-gradient(145deg,rgba(16,48,52,.62),rgba(8,17,22,.95))}.conversion-card-top{display:flex;justify-content:space-between;gap:12px;color:#71879c;font:9px "DM Mono",monospace;letter-spacing:.12em}.conversion-card-top span:first-child{color:var(--ch-blue);font-size:14px}.conversion-path-card h3{margin:42px 0 12px;font:600 26px/1.08 "Space Grotesk",sans-serif;letter-spacing:-.04em}.conversion-path-card p,.conversion-white-copy>p,.conversion-section-heading>p:not(.conversion-kicker),.conversion-final-panel>p{color:var(--ch-muted);font-size:15px;line-height:1.7}.conversion-path-card ul,.conversion-white-copy ul{display:grid;gap:9px;margin:22px 0;padding:0;list-style:none}.conversion-path-card li,.conversion-white-copy li{display:flex;gap:9px;align-items:flex-start;color:#c6d2de;font-size:12px;line-height:1.5}.conversion-path-card li svg,.conversion-white-copy li svg{flex:0 0 auto;margin-top:2px;color:var(--ch-mint)}.conversion-card-link{width:max-content;margin-top:auto;padding:0;border:0;background:transparent;color:var(--ch-blue)}.conversion-card-link:hover{color:#b4d0ff}.conversion-os{border-top:1px solid var(--ch-line);border-bottom:1px solid var(--ch-line);background:linear-gradient(180deg,rgba(13,20,30,.72),rgba(7,10,15,.86))}.conversion-os-heading>p:last-child{max-width:720px}.conversion-architecture{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin:42px 0 64px}.conversion-node{position:relative;display:flex;align-items:center;gap:8px;padding:13px 14px;border:1px solid rgba(103,160,255,.25);background:rgba(103,160,255,.06);color:#d8e6f5;font:12px "DM Mono",monospace}.conversion-node svg:first-child{color:var(--ch-mint)}.conversion-node-arrow{margin-left:4px;color:#607a95}.conversion-enable-heading{margin-bottom:18px}.conversion-enable-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.conversion-enable-grid article{min-height:150px;padding:20px;border:1px solid var(--ch-line);background:rgba(255,255,255,.02)}.conversion-enable-grid article>svg{color:var(--ch-blue)}.conversion-enable-grid h3{margin:18px 0 6px;font-size:16px}.conversion-enable-grid p{margin:0;color:var(--ch-muted);font-size:13px;line-height:1.6}.conversion-inline-cta{margin-top:28px;padding-inline:0;border:0;background:transparent;color:var(--ch-mint)}.conversion-white-label{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.conversion-white-visual{display:flex;align-items:center;gap:16px;min-height:270px;padding:35px;border:1px solid rgba(100,228,179,.25);background:radial-gradient(circle at 30% 40%,rgba(100,228,179,.18),transparent 28%),linear-gradient(145deg,#0d1a1f,#0a0e14)}.white-label-mark{font:600 18px/1.05 "DM Mono",monospace;letter-spacing:.08em;color:#dbe7f4}.white-label-mark span{color:var(--ch-blue)}.white-label-mark.is-beyond{text-align:right;color:var(--ch-mint)}.white-label-mark.is-beyond span{color:#9cb7d5}.white-label-line{height:1px;flex:1;background:linear-gradient(90deg,var(--ch-blue),var(--ch-mint));box-shadow:0 0 12px rgba(100,228,179,.4)}.conversion-white-copy ul{grid-template-columns:repeat(2,1fr);margin-bottom:30px}.conversion-process{border-top:1px solid var(--ch-line)}.conversion-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:40px;border-top:1px solid var(--ch-line);border-bottom:1px solid var(--ch-line)}.conversion-process-grid>div{min-height:160px;padding:22px 18px;border-inline-end:1px solid var(--ch-line)}.conversion-process-grid>div:last-child{border-inline-end:0}.conversion-process-grid span{color:var(--ch-mint);font:11px "DM Mono",monospace}.conversion-process-grid h3{max-width:180px;margin:35px 0 0;font-size:17px;line-height:1.3}.conversion-process-cta{margin-top:28px}.conversion-stack{padding-block:74px;border-block:1px solid var(--ch-line);background:#080d14}.conversion-stack-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.conversion-stack-list span{padding:9px 12px;border:1px solid var(--ch-line);color:#b6c9dc;font:11px "DM Mono",monospace;background:rgba(255,255,255,.025)}.conversion-learn{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.conversion-learn-actions{justify-content:flex-end;margin-top:0}.conversion-final{padding-bottom:120px}.conversion-final-panel{padding:52px clamp(24px,6vw,74px);border:1px solid rgba(100,228,179,.32);background:radial-gradient(circle at 88% 10%,rgba(103,160,255,.19),transparent 32%),linear-gradient(135deg,rgba(20,42,46,.8),rgba(9,14,21,.95))}.conversion-final-panel>p{max-width:780px}.conversion-final-actions{margin-top:26px}
@media (max-width:900px){.conversion-hero-inner,.conversion-white-label,.conversion-learn{grid-template-columns:1fr;gap:42px}.conversion-hero-visual{min-height:360px}.conversion-path-grid{grid-template-columns:1fr}.conversion-path-card{min-height:0}.conversion-enable-grid{grid-template-columns:repeat(2,1fr)}.conversion-learn-actions{justify-content:flex-start;margin-top:4px}}
@media (max-width:620px){.conversion-section,.conversion-hero-inner{width:min(100% - 32px,1180px)}.conversion-hero{min-height:auto;padding:102px 0 54px}.conversion-hero h1{font-size:clamp(3rem,15vw,4.7rem)}.conversion-hero-visual{min-height:280px}.conversion-section{padding:66px 0}.conversion-paths{padding-top:74px}.conversion-architecture{justify-content:flex-start;gap:7px;margin-bottom:44px}.conversion-node{font-size:10px;padding:10px}.conversion-node-arrow{display:none}.conversion-enable-grid{grid-template-columns:1fr}.conversion-white-visual{min-height:220px;padding:20px;gap:9px}.white-label-mark{font-size:13px}.conversion-white-copy ul{grid-template-columns:1fr}.conversion-process-grid{grid-template-columns:repeat(2,1fr)}.conversion-process-grid>div:nth-child(2){border-inline-end:0}.conversion-process-grid>div:nth-child(-n+2){border-bottom:1px solid var(--ch-line)}.conversion-final{padding-bottom:86px}.conversion-final-panel{padding:30px 20px}.conversion-actions,.conversion-final-actions,.conversion-learn-actions{align-items:stretch;flex-direction:column}.conversion-primary,.conversion-secondary{width:100%}}
@media (prefers-reduced-motion:reduce){.conversion-path-card,.conversion-primary,.conversion-secondary{transition:none}}
html:not(.dark) .conversion-home{--ch-bg:#f4f7fb;--ch-panel:#fff;--ch-panel2:#edf3f8;--ch-line:rgba(23,62,99,.16);--ch-text:#102235;--ch-muted:#486179;--ch-blue:#2769d8;--ch-mint:#087d60;background:#f4f7fb;color:var(--ch-text)}
html:not(.dark) .conversion-hero{background:radial-gradient(circle at 76% 38%,rgba(52,117,219,.13),transparent 30%),linear-gradient(180deg,#fbfdff,#eef3f8)}html:not(.dark) .conversion-grid{opacity:.28;background-image:linear-gradient(rgba(46,96,153,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(46,96,153,.1) 1px,transparent 1px)}html:not(.dark) .conversion-path-card,html:not(.dark) .conversion-enable-grid article{background:rgba(255,255,255,.72)}html:not(.dark) .conversion-os{background:linear-gradient(180deg,#edf3f8,#f6f9fc)}html:not(.dark) .conversion-stack{background:#eaf0f6}html:not(.dark) .conversion-final-panel{background:linear-gradient(135deg,#e7f4f0,#eef4fd)}
.branded-product-shelf { color: var(--foreground); }
.product-shelf-heading { display:grid; grid-template-columns:1.15fr 1fr; gap:32px; align-items:end; margin-bottom:24px; }
.product-shelf-heading > div > p { color:var(--text-soft); font:11px "DM Mono",monospace; letter-spacing:.12em; }
.product-shelf-heading h2 { max-width:660px; font-size:clamp(28px,3vw,42px); letter-spacing:-.045em; line-height:1.12; margin:12px 0 0; }
.product-shelf-heading > p { color:var(--text-soft); font-size:14px; line-height:1.8; margin:0; }
.product-learning-rail { display:flex; gap:28px; margin:20px 0 28px; color:var(--text-soft); font:11px "DM Mono",monospace; }
.product-learning-rail > span { display:flex; align-items:center; gap:10px; }.product-learning-rail b { color:var(--primary); font-weight:400; }.product-learning-rail i { width:48px; height:1px; background:var(--border); margin-inline-start:14px; }
.branded-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.branded-product-card { --product-accent:var(--primary); min-width:0; border:1px solid var(--border); border-radius:16px; overflow:hidden; background:var(--panel); box-shadow:0 14px 36px rgba(0,0,0,.08); transition:transform 180ms var(--ease-out); scroll-margin-top:132px; }
.branded-product-card:hover { transform:translateY(-4px); }.product-signal-1 { --product-accent:#81aaed; }.product-signal-2 { --product-accent:#69cdb2; }
.product-cover-stage { position:relative; display:flex; align-items:center; justify-content:center; height:292px; perspective:1000px; overflow:hidden; background:radial-gradient(ellipse at 50% 85%,color-mix(in srgb,var(--product-accent) 21%,transparent),transparent 64%),linear-gradient(150deg,var(--panel-2),var(--canvas)); border-bottom:1px solid var(--border); }
.product-stage-label { position:absolute; top:18px; inset-inline-start:20px; color:var(--text-soft); font:10px "DM Mono",monospace; letter-spacing:.12em; text-transform:uppercase; }
.product-cover-object { position:relative; z-index:2; width:144px; height:214px; transform:rotateY(-9deg) rotateZ(-2deg); transform-origin:center; box-shadow:16px 16px 22px rgba(0,0,0,.25); transition:transform 180ms var(--ease-out); border-radius:3px; }
.product-cover-object::before { content:""; position:absolute; top:1px; bottom:1px; inset-inline-start:-5px; width:6px; background:var(--product-accent); opacity:.6; }
.product-cover-object img { width:100%; height:100%; object-fit:cover; border-radius:3px; }
.branded-product-card:hover .product-cover-object,.branded-product-card:focus-within .product-cover-object { transform:rotateY(-2deg) rotateZ(0) translateY(-3px); }
.product-cover-placeholder { height:100%; padding:17px; display:flex; flex-direction:column; justify-content:space-between; background:linear-gradient(145deg,#173a50,#0a1725); color:#e3eff8; border:1px solid #508289; }
.product-cover-placeholder span { font:8px "DM Mono",monospace; letter-spacing:.12em; }.product-cover-placeholder strong { font-size:19px; line-height:1.16; }.product-cover-placeholder svg { color:#74d3b3; }
.product-stage-orbit { position:absolute; bottom:-82px; width:370px; height:220px; border:1px solid color-mix(in srgb,var(--product-accent) 26%,transparent); border-radius:50%; transform:rotateX(55deg); }.product-stage-symbol { position:absolute; bottom:24px; inset-inline-end:24px; color:var(--product-accent); opacity:.65; }
.product-card-body { padding:24px; display:flex; flex-direction:column; gap:12px; }.product-card-scope { color:var(--product-accent); font:10px "DM Mono",monospace; margin:0; }.product-card-body h3 { margin:0; font-size:23px; font-weight:550; line-height:1.16; letter-spacing:-.035em; min-height:80px; }.product-card-body > p:not(.product-card-scope) { color:var(--text-soft); font-size:13px; line-height:1.8; min-height:72px; margin:0; }
.product-price-line { display:flex; align-items:center; justify-content:space-between; gap:8px; padding-block:12px; border-bottom:1px solid var(--border); }.product-price-line strong { color:var(--foreground); font-size:17px; font-weight:500; }.product-price-line span { color:var(--text-soft); font:10px "DM Mono",monospace; }
.product-preview-toggle { display:flex; justify-content:space-between; align-items:center; padding:4px 0; background:none; border:0; color:var(--text-soft); font-size:12px; cursor:pointer; }.product-preview-toggle:hover { color:var(--foreground); }.product-preview-toggle > span { color:var(--product-accent); font-size:18px; }.product-preview-body p { margin:0; font-size:12px; line-height:1.75; color:var(--text-soft); }.product-mini-map { display:flex; gap:12px; align-items:center; color:var(--product-accent); padding-block:12px; }.product-mini-map i { height:1px; width:80px; background:var(--border); }
.product-card-actions { display:flex; flex-direction:column; gap:8px; }.product-card-actions a { min-height:44px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; border-radius:7px; font-size:12px; transition:transform 150ms var(--ease-out); }.product-card-actions a:active { transform:scale(.98); }.product-card-actions a:hover svg { transform:translate(2px,-2px); }.product-card-actions svg { transition:transform 150ms var(--ease-out); flex-shrink:0; }.product-detail-action { color:var(--foreground); border:1px solid var(--border); background:var(--panel-2); }.product-checkout-action { color:var(--primary-foreground); background:var(--primary); border:1px solid transparent; }.product-handoff-scope { display:block; min-height:54px; font-size:10px; line-height:1.6; color:var(--text-soft); }
html:not(.dark) .product-signal-1 { --product-accent:#346ab8; }html:not(.dark) .product-signal-2 { --product-accent:#197e68; }
.conversion-stripe { position:fixed; inset:0 0 auto; z-index:75; display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:36px; padding:7px 24px; color:var(--foreground); background:var(--panel-2); border-bottom:1px solid var(--border); font:10px "DM Mono",monospace; }
.conversion-stripe-brand { display:flex; align-items:center; gap:8px; white-space:nowrap; color:var(--text-soft); }.conversion-stripe-brand i { width:5px; height:5px; border-radius:50%; background:var(--primary); }.conversion-stripe-links { display:flex; align-items:center; gap:20px; }.conversion-stripe-links a { display:inline-flex; align-items:center; gap:7px; min-height:22px; }.conversion-stripe-links a:first-child { color:var(--primary); }.conversion-stripe-links a:hover { text-decoration:underline; text-underline-offset:4px; }
.contextual-product-referrals { max-width:1160px; margin:36px auto 110px; padding:28px; border:1px solid var(--border); border-radius:16px; background:var(--panel); color:var(--foreground); }.contextual-referral-header { display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:center; }.contextual-referral-header h2 { font-size:25px; letter-spacing:-.03em; margin:0; }.contextual-referral-header p { color:var(--text-soft); font-size:13px; line-height:1.8; margin:0; }.contextual-referral-grid { margin-top:20px; display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }.contextual-referral-item { min-width:0; padding:18px; border:1px solid var(--border); border-radius:10px; background:var(--panel-2); }.contextual-referral-item strong { display:block; font-size:17px; line-height:1.3; }.contextual-referral-item small { display:block; margin:8px 0 14px; color:var(--text-soft); font-size:11px; line-height:1.6; }.contextual-referral-item > div { display:flex; flex-wrap:wrap; gap:12px; }.contextual-referral-item a { display:inline-flex; align-items:center; gap:6px; min-height:34px; font-size:12px; color:var(--primary); }.contextual-referral-links { margin-top:18px; display:flex; flex-wrap:wrap; gap:18px; font-size:11px; color:var(--text-soft); }
@media(max-width:1080px) { .branded-product-grid { gap:12px; }.product-card-body { padding:18px; }.product-cover-stage { height:262px; } }
@media(max-width:760px) { .product-shelf-heading,.contextual-referral-header { grid-template-columns:1fr; gap:16px; }.branded-product-grid { grid-template-columns:1fr; gap:20px; }.product-card-body h3,.product-card-body > p:not(.product-card-scope),.product-handoff-scope { min-height:0; }.product-cover-stage { height:260px; }.product-learning-rail { gap:12px; flex-wrap:wrap; }.product-learning-rail i { width:18px; margin-inline-start:2px; }.contextual-product-referrals { margin:24px 16px 116px; padding:20px; }.contextual-referral-grid { grid-template-columns:1fr; }.conversion-stripe { padding-inline:16px; gap:8px; }.conversion-stripe-brand { font-size:9px; }.conversion-stripe-links { gap:10px; }.conversion-stripe-links a:last-child { display:none; } }
@media(prefers-reduced-motion:reduce) { .branded-product-card,.product-cover-object,.product-card-actions a,.product-card-actions svg { transition:none!important; transform:none!important; } }
.whatsapp-contact {
  position: fixed;
  z-index: 44;
  right: 20px;
  bottom: 84px;
  color: var(--foreground);
  font-family: inherit;
}

.whatsapp-contact__trigger,
.whatsapp-contact__preset,
.whatsapp-contact__send {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid color-mix(in srgb, var(--emerald) 54%, var(--border));
  border-radius: 8px;
  color: var(--foreground);
  background: color-mix(in srgb, var(--panel) 94%, var(--emerald));
  box-shadow: 0 12px 26px color-mix(in srgb, #000 18%, transparent);
  text-decoration: none;
  cursor: pointer;
}

.whatsapp-contact__trigger {
  min-height: 42px;
  padding: 9px 14px;
  color: var(--foreground);
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .01em;
  white-space: nowrap;
}

.whatsapp-contact__trigger svg,
.whatsapp-contact__preset svg,
.whatsapp-contact__send svg {
  color: var(--emerald);
  flex: 0 0 auto;
}

.whatsapp-contact__trigger:hover,
.whatsapp-contact__preset:hover,
.whatsapp-contact__send:not(.is-disabled):hover {
  border-color: var(--emerald);
  background: color-mix(in srgb, var(--accent) 78%, var(--emerald));
}

.whatsapp-contact__trigger:focus-visible,
.whatsapp-contact__preset:focus-visible,
.whatsapp-contact__send:focus-visible,
.whatsapp-contact__dialog textarea:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 3px;
}

.whatsapp-contact__dialog {
  max-height: min(720px, calc(100dvh - 2rem));
  overflow-y: auto;
  border-color: var(--border);
  color: var(--popover-foreground);
  background: var(--popover);
}

.whatsapp-contact__header {
  padding-inline-end: 28px;
}

.whatsapp-contact__header h2,
.whatsapp-contact__section h2 {
  color: var(--popover-foreground);
}

.whatsapp-contact__number {
  margin: 0;
  color: var(--muted-foreground);
  font-family: var(--font-mono, monospace);
  font-size: 11px;
  letter-spacing: .02em;
}

.whatsapp-contact__section {
  display: grid;
  gap: 10px;
}

.whatsapp-contact__section h2 {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.whatsapp-contact__presets {
  display: grid;
  gap: 7px;
}

.whatsapp-contact__preset {
  justify-content: flex-start;
  min-height: 42px;
  padding: 9px 11px;
  border-color: var(--border);
  border-radius: 6px;
  background: var(--card);
  box-shadow: none;
  color: var(--card-foreground);
  font-size: 12px;
  line-height: 1.35;
  text-align: start;
}

.whatsapp-contact__custom {
  margin-top: 2px;
  padding-top: 14px;
  border-top: 1px solid var(--border);
}

.whatsapp-contact__custom label {
  color: var(--muted-foreground);
  font-size: 12px;
}

.whatsapp-contact__custom textarea {
  width: 100%;
  min-height: 104px;
  resize: vertical;
  border: 1px solid var(--input);
  border-radius: 6px;
  padding: 10px 11px;
  color: var(--foreground);
  background: var(--background);
  font: inherit;
  font-size: 13px;
  line-height: 1.45;
}

.whatsapp-contact__custom textarea::placeholder {
  color: var(--muted-foreground);
  opacity: .82;
}

.whatsapp-contact__custom-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--muted-foreground);
  font-size: 10px;
}

.whatsapp-contact__send {
  min-height: 38px;
  padding: 8px 11px;
  border-color: var(--primary);
  color: var(--primary-foreground);
  background: var(--primary);
  box-shadow: none;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
}

.whatsapp-contact__send svg {
  color: currentColor;
}

.whatsapp-contact__send.is-disabled {
  cursor: not-allowed;
  opacity: .48;
}

.whatsapp-contact__handoff-note {
  margin: 0;
  color: var(--muted-foreground);
  font-size: 10px;
  line-height: 1.45;
}

html:not(.dark) .whatsapp-contact__trigger,
html:not(.dark) .whatsapp-contact__preset,
html:not(.dark) .whatsapp-contact__send {
  box-shadow: 0 12px 26px rgba(25, 54, 85, .13);
}

@media (max-width: 640px) {
  .whatsapp-contact {
    right: max(12px, env(safe-area-inset-right));
    bottom: calc(76px + env(safe-area-inset-bottom));
  }

  .whatsapp-contact__trigger {
    min-height: 40px;
    padding: 8px 11px;
  }

  .whatsapp-contact__dialog {
    max-height: calc(100dvh - 1rem);
    padding: 20px;
  }

  .whatsapp-contact__custom-footer {
    align-items: stretch;
    flex-direction: column;
  }

  .whatsapp-contact__send {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .whatsapp-contact__trigger,
  .whatsapp-contact__preset,
  .whatsapp-contact__send {
    transition: none !important;
  }
}
.model-guide {
  --guide-cobalt: #3156c9;
  --guide-cobalt-deep: #203b91;
  --guide-teal: #168b83;
  --guide-periwinkle: #788be5;
  --guide-ink: #16233d;
  --guide-muted: #53627b;
  --guide-paper: #f5f7fc;
  --guide-card: rgba(255, 255, 255, .88);
  --guide-line: rgba(39, 67, 126, .17);
  --guide-shadow: 0 20px 60px rgba(37, 54, 112, .10);
  min-height: 100vh;
  overflow: hidden;
  color: var(--guide-ink);
  background: var(--guide-paper);
}
.model-guide-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 250px; gap: clamp(30px, 7vw, 110px); align-items: end; max-width: 1280px; margin: 0 auto; padding: clamp(118px, 13vw, 170px) clamp(22px, 6vw, 82px) 82px; }
.model-guide-hero::after { position: absolute; right: -16%; bottom: -22%; width: 66%; height: 70%; border-radius: 50%; background: radial-gradient(circle, rgba(120, 139, 229, .22), transparent 68%); content: ""; pointer-events: none; }
.model-guide-hero-grid { position: absolute; inset: 0; opacity: .45; background-image: linear-gradient(rgba(49, 86, 201, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(49, 86, 201, .06) 1px, transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(90deg, #000, transparent 76%); }
.model-guide-hero-copy, .model-guide-index { position: relative; z-index: 1; }
.model-guide-eyebrow, .model-guide-kicker { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; color: var(--guide-teal); font: 600 10px/1.4 "DM Mono", monospace; letter-spacing: .15em; text-transform: uppercase; }
.model-guide-eyebrow span { width: 8px; height: 8px; border-radius: 50%; background: var(--guide-teal); box-shadow: 0 0 0 5px rgba(22, 139, 131, .11); }
.model-guide h1 { max-width: 850px; margin: 0; color: var(--guide-ink); font: 560 clamp(42px, 6.7vw, 86px)/.98 "Space Grotesk", sans-serif; letter-spacing: -.065em; }
.model-guide-lead { max-width: 715px; margin: 27px 0 0; color: var(--guide-muted); font-size: clamp(16px, 1.7vw, 20px); line-height: 1.65; }
.model-guide-boundary { display: flex; gap: 11px; max-width: 760px; margin: 26px 0 0; padding: 15px 17px; border-inline-start: 3px solid var(--guide-teal); border-radius: 0 12px 12px 0; color: #40516b; background: rgba(255, 255, 255, .65); font-size: 12px; line-height: 1.65; box-shadow: 0 9px 28px rgba(40, 69, 124, .06); }
.model-guide-boundary svg { flex: 0 0 auto; margin-top: 2px; color: var(--guide-teal); }
.model-guide-index { display: grid; grid-template-columns: 31px 1fr; gap: 15px 10px; align-content: end; padding: 19px; border: 1px solid var(--guide-line); border-radius: 18px; background: rgba(255, 255, 255, .57); box-shadow: var(--guide-shadow); }
.model-guide-index span { color: var(--guide-cobalt); font: 11px "DM Mono", monospace; }
.model-guide-index strong { color: #364864; font-size: 11px; font-weight: 600; line-height: 1.35; }
.model-guide-section { max-width: 1120px; margin: 0 auto; padding: 78px clamp(22px, 6vw, 82px); border-top: 1px solid var(--guide-line); }
.model-guide-section-heading { max-width: 760px; margin-bottom: 30px; }
.model-guide-section-heading .model-guide-kicker { margin-bottom: 12px; color: var(--guide-cobalt); }
.model-guide h2 { margin: 0; color: var(--guide-ink); font: 550 clamp(27px, 3.4vw, 43px)/1.08 "Space Grotesk", sans-serif; letter-spacing: -.04em; }
.model-guide-section-heading > p:last-child { margin: 16px 0 0; color: var(--guide-muted); font-size: 15px; line-height: 1.7; }
.model-guide-selector-layout { display: grid; grid-template-columns: minmax(200px, .38fr) minmax(0, 1fr); gap: 18px; }
.model-guide-selector-buttons { display: grid; align-content: start; gap: 9px; }
.model-guide-selector-button { display: grid; grid-template-columns: 23px 1fr 16px; align-items: center; gap: 10px; min-height: 58px; padding: 0 15px; border: 1px solid var(--guide-line); border-radius: 12px; color: #50617a; background: rgba(255, 255, 255, .58); cursor: pointer; text-align: start; transition: transform 160ms cubic-bezier(.23,1,.32,1), color 160ms ease, border-color 160ms ease, background 160ms ease; }
.model-guide-selector-button:hover, .model-guide-selector-button:focus-visible { color: var(--guide-cobalt-deep); border-color: rgba(49, 86, 201, .46); background: #fff; outline: 0; transform: translateX(3px); }
.model-guide-selector-button.is-selected { color: #fff; border-color: var(--guide-cobalt); background: linear-gradient(120deg, var(--guide-cobalt-deep), var(--guide-cobalt)); box-shadow: 0 12px 27px rgba(49, 86, 201, .22); }
.model-guide-selector-button svg:last-child { justify-self: end; opacity: .65; }
.model-guide-selector-button:active { transform: scale(.98); }
.model-guide-criterion-panel { min-height: 290px; padding: clamp(24px, 4vw, 42px); border: 1px solid rgba(22, 139, 131, .22); border-radius: 18px; background: linear-gradient(135deg, #fff, rgba(237, 248, 248, .83)); box-shadow: var(--guide-shadow); }
.model-guide-criterion-panel .model-guide-kicker { margin-bottom: 12px; color: var(--guide-teal); }
.model-guide h3 { margin: 0; color: var(--guide-ink); font: 550 clamp(22px, 2.7vw, 31px)/1.12 "Space Grotesk", sans-serif; letter-spacing: -.035em; }
.model-guide-criterion-panel > p:not(.model-guide-kicker) { max-width: 670px; margin: 15px 0 24px; color: var(--guide-muted); font-size: 15px; line-height: 1.7; }
.model-guide-criterion-panel ul { display: grid; gap: 12px; padding: 0; margin: 0; list-style: none; }
.model-guide-criterion-panel li { display: flex; gap: 10px; color: #334862; font-size: 13px; line-height: 1.55; }
.model-guide-criterion-panel li svg { flex: 0 0 auto; margin-top: 2px; color: var(--guide-teal); }
.model-guide-notes-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }
.model-guide-note { min-height: 222px; padding: 24px; border: 1px solid var(--guide-line); border-radius: 16px; background: var(--guide-card); box-shadow: 0 10px 28px rgba(40, 69, 124, .05); }
.model-guide-note-mark { display: grid; width: 32px; height: 32px; place-items: center; margin-bottom: 25px; border-radius: 10px; color: var(--guide-cobalt-deep); background: rgba(120, 139, 229, .19); font: 600 14px "Space Grotesk", sans-serif; }
.model-guide-note h3 { font-size: 22px; }
.model-guide-note p { margin: 12px 0 0; color: var(--guide-muted); font-size: 13px; line-height: 1.7; }
.model-guide-checklist-section { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 48px; align-items: start; }
.model-guide-checklist-section .model-guide-section-heading { margin: 0; }
.model-guide-checklist { display: grid; gap: 0; padding: 0; margin: 0; list-style: none; border-top: 1px solid var(--guide-line); }
.model-guide-checklist li { display: grid; grid-template-columns: 44px 1fr; gap: 15px; align-items: start; padding: 18px 0; border-bottom: 1px solid var(--guide-line); }
.model-guide-checklist li > span { color: var(--guide-teal); font: 11px "DM Mono", monospace; }
.model-guide-checklist p { margin: 0; color: #334862; font-size: 14px; line-height: 1.55; }
.model-guide-sources { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 48px; background: rgba(120, 139, 229, .08); }
.model-guide-sources .model-guide-section-heading { margin: 0; }
.model-guide-source-list { display: grid; gap: 10px; align-content: start; }
.model-guide-source-list a { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 17px 18px; border: 1px solid rgba(49, 86, 201, .22); border-radius: 11px; color: var(--guide-cobalt-deep); background: rgba(255, 255, 255, .72); font-size: 13px; transition: border-color 160ms ease, transform 160ms ease, background 160ms ease; }
.model-guide-source-list a:hover, .model-guide-source-list a:focus-visible { border-color: var(--guide-cobalt); background: #fff; outline: 0; transform: translateX(3px); }
.model-guide-source-list svg { flex: 0 0 auto; color: var(--guide-teal); }
.model-guide-faq-list { display: grid; gap: 9px; max-width: 940px; }
.model-guide-faq details { border: 1px solid var(--guide-line); border-radius: 12px; background: rgba(255,255,255,.7); }
.model-guide-faq summary { padding: 19px 20px; color: #263b59; cursor: pointer; font-size: 14px; font-weight: 650; list-style-position: inside; }
.model-guide-faq details p { max-width: 800px; margin: -2px 20px 20px; color: var(--guide-muted); font-size: 13px; line-height: 1.7; }
.model-guide-pathway-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; }
.model-guide-pathway { position: relative; min-height: 145px; padding: 20px 37px 18px 19px; border: 1px solid var(--guide-line); border-radius: 14px; color: var(--guide-ink); background: rgba(255,255,255,.68); transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease; }
.model-guide-pathway:hover, .model-guide-pathway:focus-visible { border-color: rgba(22, 139, 131, .55); box-shadow: 0 12px 28px rgba(36, 103, 113, .10); outline: 0; transform: translateY(-3px); }
.model-guide-pathway > span { color: var(--guide-cobalt-deep); font: 600 15px/1.25 "Space Grotesk", sans-serif; }
.model-guide-pathway p { margin: 11px 0 0; color: var(--guide-muted); font-size: 12px; line-height: 1.55; }
.model-guide-pathway > svg { position: absolute; top: 19px; right: 17px; color: var(--guide-teal); }
.model-guide-footer { max-width: 1120px; margin: 0 auto; padding: 38px clamp(22px, 6vw, 82px) 75px; color: #4b5d75; }
.model-guide-footer p { margin: 0; color: var(--guide-cobalt-deep); font-size: 13px; font-weight: 650; line-height: 1.6; }
.model-guide-footer small { display: block; max-width: 750px; margin-top: 9px; font-size: 12px; line-height: 1.7; }
.model-guide[dir="rtl"] .model-guide-boundary { border-radius: 12px 0 0 12px; }
.model-guide[dir="rtl"] .model-guide-pathway { padding: 20px 19px 18px 37px; }
.model-guide[dir="rtl"] .model-guide-pathway > svg { right: auto; left: 17px; transform: scaleX(-1); }
@media (max-width: 800px) { .model-guide-hero { grid-template-columns: 1fr; padding-top: 110px; } .model-guide-index { max-width: 420px; } .model-guide-notes-grid, .model-guide-pathway-grid { grid-template-columns: 1fr; } .model-guide-checklist-section, .model-guide-sources { grid-template-columns: 1fr; gap: 28px; } }
@media (max-width: 580px) { .model-guide-section { padding-top: 57px; padding-bottom: 57px; } .model-guide-selector-layout { grid-template-columns: 1fr; } .model-guide-selector-button:hover, .model-guide-selector-button:focus-visible, .model-guide-source-list a:hover, .model-guide-source-list a:focus-visible { transform: none; } .model-guide h1 { font-size: clamp(39px, 13vw, 58px); } }
@media (prefers-reduced-motion: reduce) { .model-guide * { scroll-behavior: auto !important; transition-duration: .01ms !important; } }
.ai1year-page {
  min-height: 100vh;
  overflow-x: hidden;
  color: #f5f8fc;
  background: #060911;
  font-family: var(--font-sans, system-ui, -apple-system, sans-serif);
}

/* Sticky Top Bar */
.ai1year-topbar {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(6, 9, 17, 0.88);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(119, 168, 255, 0.15);
}
.ai1year-topbar-inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 14px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.ai1year-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: inherit;
}
.ai1year-brand-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #75dfb9;
  box-shadow: 0 0 12px #75dfb9;
}
.ai1year-brand strong {
  display: block;
  font-size: 13px;
  letter-spacing: 0.08em;
  font-weight: 700;
  color: #ffffff;
}
.ai1year-brand small {
  display: block;
  font-size: 9px;
  color: #7f91aa;
  letter-spacing: 0.12em;
  font-family: var(--font-mono, monospace);
}
.ai1year-topnav {
  display: flex;
  align-items: center;
  gap: 18px;
}
.ai1year-topnav a {
  color: #9cb1ce;
  text-decoration: none;
  font-size: 12px;
  transition: color 140ms ease;
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
.ai1year-topnav a:hover {
  color: #ffffff;
}
.ai1year-topbar-cta {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ai1year-top-btn {
  padding: 7px 14px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(119, 168, 255, 0.16);
  color: #dbe8ff;
  border: 1px solid rgba(119, 168, 255, 0.35);
  transition: all 140ms ease;
}
.ai1year-top-btn:hover {
  background: rgba(119, 168, 255, 0.28);
  border-color: #77a8ff;
  transform: translateY(-1px);
}
.ai1year-top-btn-bundle {
  background: #75dfb9;
  color: #03140f;
  border-color: #75dfb9;
}
.ai1year-top-btn-bundle:hover {
  background: #95eccd;
  border-color: #95eccd;
}

/* Sections Common */
.ai1year-hero,
.ai1year-section {
  max-width: 1240px;
  margin: 0 auto;
  padding: 70px 24px;
}

/* Hero */
.ai1year-hero {
  min-height: 720px;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 50px;
  align-items: center;
  position: relative;
}
.ai1year-hero::before {
  content: "";
  position: absolute;
  width: 700px;
  height: 700px;
  top: 40px;
  inset-inline-end: -180px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(77, 131, 255, 0.16), transparent 70%);
  pointer-events: none;
}
.ai1year-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}
.ai1year-kicker-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(117, 223, 185, 0.12);
  border: 1px solid rgba(117, 223, 185, 0.32);
  color: #75dfb9;
  font: 11px var(--font-mono, monospace);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.ai1year-realtime-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(119, 168, 255, 0.12);
  border: 1px solid rgba(119, 168, 255, 0.3);
  color: #a4c6ff;
  font: 11px var(--font-mono, monospace);
  letter-spacing: 0.12em;
}
.ai1year-hero h1 {
  margin: 0 0 18px;
  font: 600 clamp(38px, 5.5vw, 68px)/1.02 var(--font-display, inherit);
  letter-spacing: -0.05em;
  color: #ffffff;
}
.ai1year-lead {
  max-width: 640px;
  color: #a3b5ce;
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 30px;
}

/* Hero Pricing Cards Grid */
.ai1year-hero-pricing-cards {
  display: grid;
  grid-template-columns: 1fr 1.05fr;
  gap: 14px;
  margin-bottom: 24px;
}
.ai1year-hero-price-box {
  padding: 22px;
  border-radius: 12px;
  background: rgba(16, 26, 44, 0.7);
  border: 1px solid rgba(119, 168, 255, 0.2);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
}
.ai1year-hero-price-box-bundle {
  background: linear-gradient(145deg, rgba(23, 44, 40, 0.85), rgba(12, 24, 38, 0.85));
  border: 1px solid rgba(117, 223, 185, 0.45);
  box-shadow: 0 16px 50px rgba(117, 223, 185, 0.1);
}
.ai1year-price-label {
  font: 10px var(--font-mono, monospace);
  letter-spacing: 0.14em;
  color: #79a6ea;
  text-transform: uppercase;
}
.ai1year-hero-price-box-bundle .ai1year-price-label {
  color: #75dfb9;
}
.ai1year-price-big {
  font: 700 clamp(32px, 4vw, 44px)/1 var(--font-display, inherit);
  letter-spacing: -0.04em;
  color: #ffffff;
}
.ai1year-price-big small {
  font-size: 13px;
  color: #8da2be;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.ai1year-hero-price-box p {
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
  color: #8da2be;
}

/* Action Buttons */
.ai1year-primary,
.ai1year-bundle-cta,
.ai1year-secondary,
.ai1year-whatsapp {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 20px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  transition: all 160ms ease;
  cursor: pointer;
}
.ai1year-primary {
  color: #03140f;
  background: #75dfb9;
  border: 1px solid #75dfb9;
}
.ai1year-primary:hover {
  background: #95eccd;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(117, 223, 185, 0.3);
}
.ai1year-bundle-cta {
  color: #03121d;
  background: linear-gradient(90deg, #75dfb9, #77a8ff);
  border: 1px solid #75dfb9;
  font-weight: 700;
}
.ai1year-bundle-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(119, 168, 255, 0.35);
}
.ai1year-actions-secondary {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}
.ai1year-secondary {
  color: #dbe8ff;
  border: 1px solid rgba(119, 168, 255, 0.32);
  background: rgba(21, 35, 61, 0.45);
}
.ai1year-secondary:hover {
  background: rgba(21, 35, 61, 0.75);
  border-color: #77a8ff;
  transform: translateY(-2px);
}
.ai1year-whatsapp {
  color: #75dfb9;
  border: 1px solid rgba(117, 223, 185, 0.4);
  background: rgba(12, 34, 28, 0.45);
}
.ai1year-whatsapp:hover {
  background: rgba(12, 34, 28, 0.85);
  border-color: #75dfb9;
  transform: translateY(-2px);
}
.ai1year-w-full {
  width: 100%;
}
.ai1year-payment-note {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #7b8ea7;
  font-size: 12px;
  margin-top: 20px;
}

/* Hero Visual 3D Screen */
.ai1year-hero-visual {
  min-height: 520px;
  position: relative;
  display: grid;
  place-items: center;
  border-radius: 16px;
  border: 1px solid rgba(119, 168, 255, 0.22);
  background: linear-gradient(145deg, rgba(16, 28, 52, 0.8), rgba(6, 11, 20, 0.9));
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.ai1year-orbit {
  position: absolute;
  border: 1px solid rgba(119, 168, 255, 0.22);
  border-radius: 50%;
  pointer-events: none;
}
.ai1year-orbit-one {
  width: 460px;
  height: 200px;
  transform: rotateX(62deg);
}
.ai1year-orbit-two {
  width: 320px;
  height: 140px;
  border-color: rgba(117, 223, 185, 0.28);
  transform: rotateX(62deg) rotateZ(28deg);
}
.ai1year-screen {
  position: relative;
  z-index: 2;
  width: 82%;
  border-radius: 12px;
  padding: 24px;
  border: 1px solid rgba(117, 223, 185, 0.4);
  background: linear-gradient(145deg, rgba(14, 29, 48, 0.92), rgba(6, 13, 22, 0.95));
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6);
}
.ai1year-screen-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font: 10px var(--font-mono, monospace);
  color: #75dfb9;
  letter-spacing: 0.14em;
  margin-bottom: 12px;
}
.ai1year-live-dot {
  color: #75dfb9;
  font-weight: 700;
  animation: ai1yearPulse 2s infinite ease-in-out;
}
@keyframes ai1yearPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}
.ai1year-screen strong {
  display: block;
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.ai1year-screen-logos {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin-bottom: 20px;
}
.ai1year-mini-logo {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 6px;
  background: rgba(18, 32, 54, 0.6);
  border: 1px solid rgba(119, 168, 255, 0.16);
}
.ai1year-mini-logo img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}
.ai1year-mini-logo span {
  font-size: 11px;
  color: #b5c7e0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ai1year-screen-bottom {
  display: flex;
  justify-content: space-between;
  padding-top: 14px;
  border-top: 1px solid rgba(119, 168, 255, 0.16);
  font: 11px var(--font-mono, monospace);
  color: #79a6ea;
  letter-spacing: 0.08em;
}

/* Official 4K Marquee Strip */
.ai1year-logo-strip {
  border-top: 1px solid rgba(119, 168, 255, 0.15);
  border-bottom: 1px solid rgba(119, 168, 255, 0.15);
  background: rgba(10, 16, 28, 0.6);
  padding: 20px 24px;
}
.ai1year-logo-strip-inner {
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 24px;
  overflow-x: auto;
}
.ai1year-logo-strip-label {
  font: 10px var(--font-mono, monospace);
  letter-spacing: 0.16em;
  color: #73ddb8;
  white-space: nowrap;
}
.ai1year-logo-strip-items {
  display: flex;
  align-items: center;
  gap: 12px;
}
.ai1year-brand-chip {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(19, 32, 54, 0.65);
  border: 1px solid rgba(119, 168, 255, 0.2);
  white-space: nowrap;
}
.ai1year-brand-chip img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}
.ai1year-brand-chip span {
  font-size: 12px;
  color: #d1dfed;
  font-weight: 500;
}

/* Real-Time Updates Section */
.ai1year-realtime-section {
  padding-top: 40px;
  padding-bottom: 40px;
}
.ai1year-realtime-banner {
  border-radius: 16px;
  padding: 40px;
  background: linear-gradient(135deg, rgba(20, 38, 68, 0.6), rgba(8, 16, 28, 0.85));
  border: 1px solid rgba(119, 168, 255, 0.3);
  display: grid;
  grid-template-columns: 1.3fr 0.7fr;
  gap: 40px;
  align-items: center;
}
.ai1year-realtime-copy h2 {
  font: 600 clamp(28px, 3.5vw, 42px)/1.1 var(--font-display, inherit);
  letter-spacing: -0.04em;
  margin: 12px 0 14px;
  color: #ffffff;
}
.ai1year-realtime-copy p {
  color: #9cb1ce;
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 24px;
}
.ai1year-realtime-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.ai1year-realtime-pills span {
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 12px;
  background: rgba(117, 223, 185, 0.1);
  border: 1px solid rgba(117, 223, 185, 0.25);
  color: #8beac9;
}
.ai1year-realtime-stats {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.ai1year-stat-card {
  padding: 20px;
  border-radius: 12px;
  background: rgba(13, 23, 40, 0.7);
  border: 1px solid rgba(119, 168, 255, 0.2);
}
.ai1year-stat-card strong {
  display: block;
  font-size: 32px;
  font-weight: 700;
  color: #9db1cb;
  text-decoration: line-through;
}
.ai1year-stat-card span {
  font-size: 12px;
  color: #7b8fa9;
}
.ai1year-stat-card-highlight {
  background: linear-gradient(135deg, rgba(23, 50, 44, 0.85), rgba(13, 26, 42, 0.9));
  border: 1px solid rgba(117, 223, 185, 0.5);
}
.ai1year-stat-card-highlight strong {
  color: #75dfb9;
  text-decoration: none;
}
.ai1year-stat-card-highlight span {
  color: #d1e2f5;
}

/* Section Header */
.ai1year-section-header {
  margin-bottom: 40px;
}
.ai1year-kicker {
  font: 11px var(--font-mono, monospace);
  color: #75dfb9;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.ai1year-section-header h2 {
  font: 600 clamp(32px, 4vw, 54px)/1.08 var(--font-display, inherit);
  letter-spacing: -0.04em;
  margin: 0;
  color: #ffffff;
}
.ai1year-section-lead {
  max-width: 680px;
  color: #9cb1ce;
  font-size: 15px;
  line-height: 1.7;
  margin-top: 14px;
}

/* Merlin AI Equivalent Models Grid */
.ai1year-models-catalog {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.ai1year-model-card {
  padding: 22px;
  border-radius: 12px;
  background: rgba(14, 24, 42, 0.65);
  border: 1px solid rgba(119, 168, 255, 0.18);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 14px;
  transition: all 180ms ease;
}
.ai1year-model-card:hover {
  transform: translateY(-3px);
  border-color: rgba(119, 168, 255, 0.45);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}
.ai1year-model-card-top {
  display: flex;
  align-items: center;
  gap: 12px;
}
.ai1year-model-logo-wrap {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: rgba(22, 38, 64, 0.7);
  border: 1px solid rgba(119, 168, 255, 0.25);
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.ai1year-model-logo-wrap img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.ai1year-model-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ai1year-model-provider {
  font: 10px var(--font-mono, monospace);
  color: #79a6ea;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.ai1year-model-tag {
  font-size: 11px;
  font-weight: 600;
  color: #75dfb9;
}
.ai1year-model-card h3 {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  color: #ffffff;
}
.ai1year-model-card p {
  margin: 0;
  font-size: 13px;
  line-height: 1.65;
  color: #92a4bd;
}
.ai1year-model-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  border-top: 1px solid rgba(119, 168, 255, 0.12);
  font-size: 11px;
  color: #7f91aa;
}
.ai1year-model-live {
  font: 9px var(--font-mono, monospace);
  color: #75dfb9;
  letter-spacing: 0.12em;
  padding: 2px 6px;
  border-radius: 4px;
  background: rgba(117, 223, 185, 0.12);
  border: 1px solid rgba(117, 223, 185, 0.25);
}

/* Capabilities Grid */
.ai1year-capability-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 30px;
}
.ai1year-capability {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  padding: 22px;
  border-radius: 12px;
  border: 1px solid rgba(119, 168, 255, 0.18);
  background: rgba(13, 22, 38, 0.6);
}
.ai1year-capability svg {
  color: #75dfb9;
  margin-top: 2px;
}
.ai1year-capability h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
}
.ai1year-capability p {
  margin: 8px 0 0;
  color: #8fa1ba;
  font-size: 13px;
  line-height: 1.65;
}

/* Pricing Matrix */
.ai1year-pricing-matrix {
  display: grid;
  grid-template-columns: 1fr 1.1fr 1fr;
  gap: 18px;
  align-items: stretch;
}
.ai1year-tier-card {
  padding: 32px 26px;
  border-radius: 16px;
  background: rgba(14, 24, 42, 0.7);
  border: 1px solid rgba(119, 168, 255, 0.22);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  position: relative;
}
.ai1year-tier-card-featured {
  background: linear-gradient(155deg, rgba(20, 46, 42, 0.9), rgba(10, 22, 38, 0.95));
  border: 2px solid #75dfb9;
  box-shadow: 0 20px 60px rgba(117, 223, 185, 0.15);
  transform: translateY(-8px);
}
.ai1year-tier-ribbon {
  position: absolute;
  top: -12px;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  background: #75dfb9;
  color: #03140f;
  padding: 4px 14px;
  border-radius: 999px;
  font: 11px var(--font-mono, monospace);
  font-weight: 700;
  letter-spacing: 0.12em;
  white-space: nowrap;
}
.ai1year-tier-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font: 10px var(--font-mono, monospace);
  letter-spacing: 0.14em;
  color: #79a6ea;
  text-transform: uppercase;
}
.ai1year-tier-badge-gold {
  color: #75dfb9;
}
.ai1year-tier-card h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
}
.ai1year-tier-price {
  font: 700 48px/1 var(--font-display, inherit);
  letter-spacing: -0.04em;
  color: #ffffff;
}
.ai1year-tier-price small {
  font-size: 14px;
  color: #8fa1ba;
  font-weight: 500;
  letter-spacing: 0.08em;
}
.ai1year-tier-sub {
  margin: 0;
  font-size: 12px;
  color: #8da1bc;
  line-height: 1.5;
}
.ai1year-tier-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ai1year-tier-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  line-height: 1.55;
  color: #c0cfdf;
}
.ai1year-tier-list li svg {
  color: #75dfb9;
  flex-shrink: 0;
  margin-top: 2px;
}
.ai1year-tier-dual-btns {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ai1year-ghost-link {
  text-align: center;
  font-size: 12px;
  color: #77a8ff;
  text-decoration: none;
  padding: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.ai1year-ghost-link:hover {
  text-decoration: underline;
}

/* Storefronts */
.ai1year-storefront-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.ai1year-store-card {
  padding: 26px;
  border-radius: 14px;
  background: rgba(14, 24, 42, 0.65);
  border: 1px solid rgba(119, 168, 255, 0.2);
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  gap: 16px;
  transition: all 180ms ease;
}
.ai1year-store-card:hover {
  transform: translateY(-3px);
  border-color: #77a8ff;
  background: rgba(18, 30, 52, 0.85);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4);
}
.ai1year-store-card-wa {
  border-color: rgba(117, 223, 185, 0.35);
}
.ai1year-store-card-wa:hover {
  border-color: #75dfb9;
}
.ai1year-store-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(22, 38, 64, 0.8);
  border: 1px solid rgba(119, 168, 255, 0.3);
  display: grid;
  place-items: center;
  color: #77a8ff;
}
.ai1year-store-card-wa .ai1year-store-icon {
  background: rgba(12, 34, 28, 0.8);
  border-color: rgba(117, 223, 185, 0.4);
  color: #75dfb9;
}
.ai1year-store-card span {
  font: 10px var(--font-mono, monospace);
  color: #79a6ea;
  letter-spacing: 0.14em;
  display: block;
}
.ai1year-store-card-wa span {
  color: #75dfb9;
}
.ai1year-store-card h3 {
  margin: 6px 0 8px;
  font-size: 17px;
  font-weight: 600;
  color: #ffffff;
}
.ai1year-store-card p {
  margin: 0 0 12px;
  font-size: 13px;
  line-height: 1.6;
  color: #8da0b8;
}
.ai1year-store-card strong {
  font-size: 12px;
  color: #75dfb9;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* FAQ */
.ai1year-faq > div {
  max-width: 900px;
  margin-top: 24px;
  border-top: 1px solid rgba(134, 158, 194, 0.18);
}
.ai1year-faq details {
  border-bottom: 1px solid rgba(134, 158, 194, 0.18);
  padding: 22px 0;
}
.ai1year-faq summary {
  cursor: pointer;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
}
.ai1year-faq details p {
  max-width: 780px;
  color: #92a4bd;
  font-size: 14px;
  line-height: 1.75;
  margin: 12px 0 0;
}

/* Footer */
.ai1year-footer {
  padding: 40px 24px 80px;
  text-align: center;
  border-top: 1px solid rgba(119, 168, 255, 0.14);
}
.ai1year-footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-bottom: 18px;
}
.ai1year-footer-links a {
  color: #8ba0bd;
  font-size: 13px;
  text-decoration: none;
  transition: color 140ms ease;
}
.ai1year-footer-links a:hover {
  color: #75dfb9;
}
.ai1year-footer p {
  color: #5d6d84;
  font: 10px var(--font-mono, monospace);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* Responsive */
@media (max-width: 1024px) {
  .ai1year-hero {
    grid-template-columns: 1fr;
  }
  .ai1year-realtime-banner {
    grid-template-columns: 1fr;
  }
  .ai1year-models-catalog {
    grid-template-columns: repeat(2, 1fr);
  }
  .ai1year-pricing-matrix {
    grid-template-columns: 1fr;
  }
  .ai1year-tier-card-featured {
    transform: none;
  }
  .ai1year-storefront-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .ai1year-topnav {
    display: none;
  }
  .ai1year-hero-pricing-cards {
    grid-template-columns: 1fr;
  }
  .ai1year-models-catalog {
    grid-template-columns: 1fr;
  }
  .ai1year-capability-grid {
    grid-template-columns: 1fr;
  }
}
.mobile-conversion-banner {
  display: none;
}

@media (max-width: 640px) {
  .mobile-conversion-banner {
    position: fixed;
    inset-inline: 0;
    bottom: 0;
    z-index: 70;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 12px;
    align-items: center;
    padding: 9px 12px calc(9px + env(safe-area-inset-bottom));
    border-top: 1px solid color-mix(in srgb, var(--primary) 38%, var(--border));
    color: var(--foreground);
    background: color-mix(in srgb, var(--panel) 96%, var(--primary));
    box-shadow: 0 -10px 28px color-mix(in srgb, #000 24%, transparent);
    font-family: inherit;
  }

  .mobile-conversion-banner__copy {
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  .mobile-conversion-banner__copy strong {
    color: var(--primary);
    font-family: var(--font-mono, monospace);
    font-size: 10px;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .mobile-conversion-banner__copy span {
    overflow: hidden;
    color: var(--foreground);
    font-size: 11px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-conversion-banner__actions {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .mobile-conversion-banner__primary,
  .mobile-conversion-banner__secondary,
  .mobile-conversion-banner__close {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.1;
    text-decoration: none;
    transition: transform 150ms var(--ease-out), background-color 150ms var(--ease-out), border-color 150ms var(--ease-out);
  }

  .mobile-conversion-banner__primary {
    padding: 0 10px;
    border: 1px solid var(--primary);
    color: var(--primary-foreground);
    background: var(--primary);
    white-space: nowrap;
  }

  .mobile-conversion-banner__secondary {
    width: 36px;
    border: 1px solid color-mix(in srgb, var(--emerald) 54%, var(--border));
    color: var(--foreground);
    background: color-mix(in srgb, var(--panel) 88%, var(--emerald));
  }

  .mobile-conversion-banner__secondary span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  .mobile-conversion-banner__close {
    width: 30px;
    border: 1px solid var(--border);
    color: var(--muted-foreground);
    background: transparent;
    cursor: pointer;
  }

  .mobile-conversion-banner__primary:hover,
  .mobile-conversion-banner__secondary:hover,
  .mobile-conversion-banner__close:hover {
    transform: translateY(-1px);
  }

  .mobile-conversion-banner__primary:active,
  .mobile-conversion-banner__secondary:active,
  .mobile-conversion-banner__close:active {
    transform: scale(.97);
  }

  .mobile-conversion-banner__primary:focus-visible,
  .mobile-conversion-banner__secondary:focus-visible,
  .mobile-conversion-banner__close:focus-visible {
    outline: 2px solid var(--ring);
    outline-offset: 3px;
  }

  .mobile-conversion-banner__note {
    grid-column: 1 / -1;
    margin: 0;
    color: var(--muted-foreground);
    font-size: 9px;
    line-height: 1.35;
  }
}

@media (max-width: 380px) {
  .mobile-conversion-banner {
    grid-template-columns: 1fr;
  }

  .mobile-conversion-banner__actions {
    justify-content: stretch;
  }

  .mobile-conversion-banner__primary {
    flex: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mobile-conversion-banner__primary,
  .mobile-conversion-banner__secondary,
  .mobile-conversion-banner__close {
    transition: none;
  }
}

@media (max-width: 640px) {
  .whatsapp-contact { bottom: calc(84px + 86px + env(safe-area-inset-bottom)); }
  .floating-journey-nav { bottom: calc(max(.75rem, env(safe-area-inset-bottom)) + 86px); }
  .language-dock { bottom: calc(16px + 86px + env(safe-area-inset-bottom)); }
  .ai-adviser { bottom: calc(max(4.8rem, env(safe-area-inset-bottom) + 4.2rem) + 86px); }
}

@media (max-width: 380px) {
  .whatsapp-contact { bottom: calc(84px + 126px + env(safe-area-inset-bottom)); }
  .floating-journey-nav { bottom: calc(max(.75rem, env(safe-area-inset-bottom)) + 126px); }
  .language-dock { bottom: calc(16px + 126px + env(safe-area-inset-bottom)); }
  .ai-adviser { bottom: calc(max(4.8rem, env(safe-area-inset-bottom) + 4.2rem) + 126px); }
}
.community-engineers-page{min-height:100vh;overflow:hidden;color:#f6f7fb;background:#05070e;font-family:var(--font-sans,inherit);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.community-engineers-hero{position:relative;padding:40px 28px 28px;background:radial-gradient(circle at 78% 35%,rgba(91,94,255,.14),transparent 28%),radial-gradient(circle at 23% 18%,rgba(0,206,255,.07),transparent 25%),#05070e}.community-engineers-hero::after{content:"";position:absolute;inset:auto -15% -42% 20%;height:520px;border-radius:50%;background:radial-gradient(ellipse,rgba(122,55,255,.08),transparent 65%);pointer-events:none}.community-engineers-brand{position:relative;z-index:2;display:flex;align-items:center;gap:12px;max-width:1180px;margin:0 auto;color:#8da5c8;font:10px var(--font-mono,monospace);letter-spacing:.16em;text-transform:uppercase}.community-engineers-brand img{display:block;width:38px;height:38px;object-fit:cover;border-radius:50%;background:#05070e;box-shadow:0 0 22px rgba(75,167,255,.26)}.community-brand-status{display:inline-flex;align-items:center;gap:7px;margin-left:auto;color:#6f87a4}.community-brand-status i{width:6px;height:6px;border-radius:50%;background:#75dfb9;box-shadow:0 0 12px #75dfb9}
.community-engineers-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:70px;max-width:1180px;margin:68px auto 0}.community-kicker{margin:0;color:#72dfbd;font:10px var(--font-mono,monospace);letter-spacing:.18em;text-transform:uppercase}.community-engineers-copy h1{max-width:700px;margin:22px 0 20px;font-family:"Space Grotesk",sans-serif;font-size:clamp(46px,6vw,74px);font-weight:500;line-height:.98;letter-spacing:-.065em}.community-lead{max-width:610px;color:#a7b5c8;font-size:17px;line-height:1.8}.community-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.community-primary,.community-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 18px;border-radius:7px;text-decoration:none;font-size:13px;font-weight:600;transition:transform 160ms var(--ease-out),background-color 160ms var(--ease-out),border-color 160ms var(--ease-out)}.community-primary{color:#06100d;background:#75dfb9;border:1px solid #75dfb9}.community-secondary{color:#dce9ff;background:rgba(22,35,62,.46);border:1px solid rgba(117,168,255,.42)}.community-primary:hover,.community-secondary:hover{transform:translateY(-2px)}.community-primary:active,.community-secondary:active{transform:scale(.98)}.community-primary:focus-visible,.community-secondary:focus-visible,.community-path-card:focus-visible{outline:2px solid #a8c8ff;outline-offset:3px}.community-note{max-width:570px;margin-top:18px;color:#71829b;font-size:11px;line-height:1.65}.community-audience{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px;color:#8294ad;font:10px var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.08em}.community-audience span{display:inline-flex;align-items:center;gap:5px}.community-audience svg{color:#75dfb9}
.community-logo-stage{position:relative;display:grid;place-items:center;min-height:420px;border:1px solid rgba(124,164,239,.2);background:linear-gradient(145deg,rgba(19,27,53,.66),rgba(3,6,14,.92));box-shadow:0 28px 80px rgba(0,0,0,.34);overflow:hidden}.community-stage-glow{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(46,178,255,.24),rgba(109,52,255,.12) 38%,transparent 70%);filter:blur(8px)}.community-logo-stage img{position:relative;z-index:1;display:block;width:min(78%,440px);height:auto;aspect-ratio:1;object-fit:contain;background:#05070e;mix-blend-mode:screen;filter:drop-shadow(0 25px 38px rgba(24,66,255,.22));transition:transform 220ms var(--ease-out)}.community-logo-stage:hover img{transform:scale(1.03) rotate(-1deg)}.community-stage-label,.community-stage-caption{position:absolute;z-index:2;color:#8294ad;font:9px var(--font-mono,monospace);letter-spacing:.14em;text-transform:uppercase}.community-stage-label{top:20px;left:22px;color:#72dfbd}.community-stage-caption{right:22px;bottom:20px}
.community-hero-foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1180px;margin:48px auto 0;padding-top:18px;border-top:1px solid rgba(134,158,194,.18);color:#71829b;font:10px var(--font-mono,monospace);letter-spacing:.12em}.community-hero-foot a{display:inline-flex;align-items:center;gap:6px;color:#a9c2ec;text-decoration:none;letter-spacing:normal}.community-hero-foot a:hover{color:#75dfb9}
.community-signal-band,.community-engineers-section,.community-feature-section,.community-path-section,.community-rhythm-section,.community-proof-section,.community-faq-section{position:relative;z-index:1;max-width:1180px;margin:0 auto}.community-signal-band{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:end;padding:104px 28px 90px;border-bottom:1px solid rgba(134,158,194,.15)}.community-signal-band h2,.community-section-heading h2,.community-feature-intro h2,.community-final h2{max-width:700px;margin:18px 0 0;font-family:"Space Grotesk",sans-serif;font-size:clamp(36px,5vw,64px);font-weight:500;line-height:1;letter-spacing:-.055em}.community-signal-band>p,.community-section-heading>p,.community-feature-intro>p{max-width:610px;color:#a7b5c8;font-size:15px;line-height:1.85}
.community-engineers-section{padding:94px 28px 100px;border-bottom:1px solid rgba(134,158,194,.15)}.community-section-heading{display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:end}.community-section-heading>p{margin:0}.community-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:48px}.community-card{padding:24px;border:1px solid rgba(134,158,194,.16);background:rgba(12,19,34,.64);transition:transform 170ms var(--ease-out),border-color 170ms var(--ease-out)}.community-card:hover{transform:translateY(-4px);border-color:rgba(117,223,185,.42)}.community-card>span{display:flex;align-items:center;justify-content:space-between;color:#72dfbd}.community-card>span b{font:10px var(--font-mono,monospace);color:#7890ad}.community-card h3,.community-feature-card h3,.community-path-card h3,.community-rhythm-list h3{margin:30px 0 10px;font-size:18px}.community-card p,.community-feature-card p,.community-path-card p,.community-rhythm-list p{margin:0;color:#8e9eb6;font-size:13px;line-height:1.75}
.community-feature-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:78px;padding:100px 28px;border-bottom:1px solid rgba(134,158,194,.15)}.community-feature-intro{align-self:start}.community-feature-intro>p:last-child{margin-top:24px}.community-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.community-feature-card{min-height:250px;padding:20px;border:1px solid rgba(134,158,194,.16);background:linear-gradient(145deg,rgba(18,29,51,.7),rgba(9,14,27,.76));transition:transform 170ms var(--ease-out),border-color 170ms var(--ease-out)}.community-feature-card:hover{transform:translateY(-4px);border-color:rgba(117,223,185,.4)}.community-feature-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(117,223,185,.35);border-radius:50%;color:#75dfb9}.community-feature-card>span,.community-path-card>span{display:flex;align-items:center;justify-content:space-between;margin-top:30px;color:#7187a8;font:10px var(--font-mono,monospace)}
.community-path-section{padding:100px 28px;border-bottom:1px solid rgba(134,158,194,.15)}.community-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:48px}.community-path-card{display:block;min-height:270px;padding:22px;border:1px solid rgba(134,158,194,.17);background:rgba(10,18,32,.7);color:inherit;text-decoration:none;transition:transform 170ms var(--ease-out),border-color 170ms var(--ease-out),background-color 170ms var(--ease-out)}.community-path-card:hover{transform:translateY(-5px);border-color:#75dfb9;background:rgba(14,32,43,.82)}.community-path-card h3{font-size:26px}.community-path-card strong{display:flex;align-items:center;gap:5px;margin-top:44px;color:#75dfb9;font:11px var(--font-mono,monospace)}
.community-rhythm-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:78px;padding:100px 28px;border-bottom:1px solid rgba(134,158,194,.15)}.community-rhythm-list{border-top:1px solid rgba(134,158,194,.2)}.community-rhythm-list article{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:23px 0;border-bottom:1px solid rgba(134,158,194,.17)}.community-rhythm-list article>span{color:#75dfb9;font:12px var(--font-mono,monospace)}.community-rhythm-list h3{margin:0 0 8px}
.community-proof-section{padding:100px 28px;border-bottom:1px solid rgba(134,158,194,.15)}.community-proof-panel{display:flex;align-items:flex-start;gap:26px;padding:34px;border:1px solid rgba(117,223,185,.3);background:linear-gradient(115deg,rgba(22,57,54,.5),rgba(9,17,30,.76));color:#75dfb9}.community-proof-panel>div{max-width:720px}.community-proof-panel h2{margin:15px 0 10px;color:#f6f7fb;font-family:"Space Grotesk",sans-serif;font-size:clamp(30px,4vw,50px);line-height:1;letter-spacing:-.05em}.community-proof-panel p:last-child{margin:0;color:#a7b5c8;line-height:1.8;font-size:14px}
.community-faq-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:78px;padding:100px 28px;border-bottom:1px solid rgba(134,158,194,.15)}.community-faq-list{border-top:1px solid rgba(134,158,194,.22)}.community-faq-list details{border-bottom:1px solid rgba(134,158,194,.18)}.community-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0;cursor:pointer;list-style:none;font-size:15px}.community-faq-list summary::-webkit-details-marker{display:none}.community-faq-list summary svg{transition:transform 160ms var(--ease-out);color:#75dfb9}.community-faq-list details[open] summary svg{transform:rotate(90deg)}.community-faq-list details p{max-width:650px;margin:0 0 21px;color:#8e9eb6;font-size:13px;line-height:1.8}
.community-final{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:94px 28px 120px;max-width:1180px;margin:0 auto}.community-final>div:first-child{max-width:690px}.community-final h2{margin-top:16px}.community-final>div:first-child>p:last-child{max-width:580px;color:#8e9eb6;font-size:14px;line-height:1.8}.community-final-actions{display:flex;flex-direction:column;gap:10px;min-width:220px}.community-final-actions .community-secondary{justify-content:center}
@media(max-width:900px){.community-engineers-hero-grid,.community-signal-band,.community-section-heading,.community-feature-section,.community-rhythm-section,.community-faq-section{grid-template-columns:1fr;gap:38px}.community-card-grid,.community-path-grid{grid-template-columns:1fr}.community-feature-grid{grid-template-columns:repeat(3,1fr)}.community-final{align-items:flex-start;flex-direction:column}.community-final-actions{width:100%;max-width:390px}}
@media(max-width:760px){.community-engineers-hero{padding:28px 20px 34px}.community-engineers-hero-grid{display:block;margin-top:70px}.community-engineers-copy h1{font-size:clamp(45px,13vw,70px)}.community-lead{font-size:14px}.community-logo-stage{min-height:330px;margin-top:44px}.community-brand-status{display:none}.community-hero-foot{display:grid;margin-top:34px;line-height:1.7}.community-signal-band,.community-engineers-section,.community-feature-section,.community-path-section,.community-rhythm-section,.community-proof-section,.community-faq-section{padding:68px 20px}.community-feature-grid{grid-template-columns:1fr}.community-feature-card{min-height:0}.community-card{padding:20px}.community-final{display:grid;padding:68px 20px 112px}.community-final-actions{width:100%}.community-proof-panel{padding:24px;display:block}.community-proof-panel>svg{margin-bottom:18px}.community-rhythm-list article{grid-template-columns:45px 1fr}.community-stage-caption{font-size:8px}}
@media(prefers-reduced-motion:reduce){.community-primary,.community-secondary,.community-card,.community-feature-card,.community-path-card,.community-logo-stage img,.community-faq-list summary svg{transition:none}.community-primary:hover,.community-secondary:hover,.community-card:hover,.community-feature-card:hover,.community-path-card:hover,.community-logo-stage:hover img{transform:none}}


/* Funnel interaction layer: transform/opacity only, with a restrained 180ms response. */
.funnel-feature-card{position:relative;overflow:hidden;transition:transform 180ms cubic-bezier(.23,1,.32,1),border-color 180ms ease,background 180ms ease,box-shadow 180ms ease}.funnel-feature-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 15%,rgba(125,220,255,.09),transparent 55%);opacity:0;transform:translateX(-18%);transition:opacity 180ms ease,transform 260ms cubic-bezier(.23,1,.32,1)}.funnel-feature-card:hover,.funnel-feature-card:focus-within{transform:translateY(-4px);border-color:rgba(100,228,179,.5);background:rgba(100,228,179,.07);box-shadow:0 16px 35px rgba(5,14,25,.22)}.funnel-feature-card:hover::after,.funnel-feature-card:focus-within::after{opacity:1;transform:translateX(18%)}.funnel-feature-card:active{transform:translateY(-1px) scale(.985)}.funnel-proof-list .funnel-feature-card svg{position:relative;z-index:1}.funnel-proof-list .funnel-feature-card p,.funnel-sequence-grid .funnel-feature-card h3,.funnel-sequence-grid .funnel-feature-card p,.funnel-sequence-grid .funnel-feature-card span{position:relative;z-index:1}@media (prefers-reduced-motion:no-preference){.funnel-hero-copy{animation:funnel-rise-in 520ms cubic-bezier(.23,1,.32,1) both}.funnel-hero-diagram{animation:funnel-diagram-in 700ms cubic-bezier(.23,1,.32,1) 80ms both}.funnel-proof>div:first-child,.funnel-sequence>.funnel-kicker,.funnel-sequence>h2{animation:funnel-rise-in 500ms cubic-bezier(.23,1,.32,1) 140ms both}.funnel-proof-list .funnel-feature-card,.funnel-sequence-grid .funnel-feature-card{animation:funnel-rise-in 460ms cubic-bezier(.23,1,.32,1) calc(180ms + (var(--card-index) * 70ms)) both}.funnel-close{animation:funnel-rise-in 520ms cubic-bezier(.23,1,.32,1) 180ms both}@keyframes funnel-rise-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes funnel-diagram-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}}.funnel-feature-card:focus-visible{outline:2px solid var(--fp-mint);outline-offset:3px}@media(prefers-reduced-motion:reduce){.funnel-feature-card,.funnel-feature-card::after{transition:none}.funnel-feature-card:hover,.funnel-feature-card:focus-within,.funnel-feature-card:active{transform:none}}
/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: "Space Grotesk", sans-serif;
    --font-mono: "DM Mono", monospace;
    --color-red-100: oklch(93.6% .032 17.717);
    --color-red-500: oklch(63.7% .237 25.331);
    --color-amber-50: oklch(98.7% .022 95.277);
    --color-amber-100: oklch(96.2% .059 95.617);
    --color-amber-200: oklch(92.4% .12 95.746);
    --color-amber-300: oklch(87.9% .169 91.605);
    --color-amber-400: oklch(82.8% .189 84.429);
    --color-emerald-100: oklch(95% .052 163.051);
    --color-emerald-200: oklch(90.5% .093 164.15);
    --color-emerald-300: oklch(84.5% .143 164.978);
    --color-emerald-400: oklch(76.5% .177 163.223);
    --color-emerald-500: oklch(69.6% .17 162.48);
    --color-cyan-100: oklch(95.6% .045 203.388);
    --color-cyan-200: oklch(91.7% .08 205.041);
    --color-cyan-300: oklch(86.5% .127 207.078);
    --color-cyan-400: oklch(78.9% .154 211.53);
    --color-cyan-500: oklch(71.5% .143 215.221);
    --color-cyan-950: oklch(30.2% .056 229.695);
    --color-sky-100: oklch(95.1% .026 236.824);
    --color-sky-400: oklch(74.6% .16 232.661);
    --color-blue-100: oklch(93.2% .032 255.585);
    --color-blue-200: oklch(88.2% .059 254.128);
    --color-blue-300: oklch(80.9% .105 251.813);
    --color-blue-400: oklch(70.7% .165 254.624);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-blue-700: oklch(48.8% .243 264.376);
    --color-blue-950: oklch(28.2% .091 267.935);
    --color-violet-100: oklch(94.3% .029 294.588);
    --color-violet-200: oklch(89.4% .057 293.283);
    --color-violet-300: oklch(81.1% .111 293.571);
    --color-violet-400: oklch(70.2% .183 293.541);
    --color-violet-500: oklch(60.6% .25 292.717);
    --color-fuchsia-100: oklch(95.2% .037 318.852);
    --color-fuchsia-200: oklch(90.3% .076 319.62);
    --color-fuchsia-300: oklch(83.3% .145 321.434);
    --color-fuchsia-400: oklch(74% .238 322.16);
    --color-rose-100: oklch(94.1% .03 12.58);
    --color-rose-200: oklch(89.2% .058 10.001);
    --color-rose-300: oklch(81% .117 11.638);
    --color-rose-400: oklch(71.2% .194 13.428);
    --color-slate-50: oklch(98.4% .003 247.858);
    --color-slate-100: oklch(96.8% .007 247.896);
    --color-slate-200: oklch(92.9% .013 255.508);
    --color-slate-300: oklch(86.9% .022 252.894);
    --color-slate-400: oklch(70.4% .04 256.788);
    --color-slate-500: oklch(55.4% .046 257.417);
    --color-slate-600: oklch(44.6% .043 257.281);
    --color-slate-700: oklch(37.2% .044 257.287);
    --color-slate-900: oklch(20.8% .042 265.755);
    --color-slate-950: oklch(12.9% .042 264.695);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -.025em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-xs: .125rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-sm: 8px;
    --blur-2xl: 40px;
    --blur-3xl: 64px;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: "Space Grotesk", sans-serif;
    --default-mono-font-family: "DM Mono", monospace;
    --color-border: var(--border);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  * {
    border-color: var(--border);
    outline-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    * {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  button:not(:disabled), [role="button"]:not([aria-disabled="true"]), a[href] {
    cursor: pointer;
  }
}

@layer components;

@layer utilities {
  .\@container\/card-header {
    container: card-header / inline-size;
  }

  .\@container\/field-group {
    container: field-group / inline-size;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }

  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }

  .-top-10 {
    top: calc(var(--spacing) * -10);
  }

  .-top-12 {
    top: calc(var(--spacing) * -12);
  }

  .-top-14 {
    top: calc(var(--spacing) * -14);
  }

  .-top-20 {
    top: calc(var(--spacing) * -20);
  }

  .-top-44 {
    top: calc(var(--spacing) * -44);
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-3 {
    top: calc(var(--spacing) * 3);
  }

  .top-3\.5 {
    top: calc(var(--spacing) * 3.5);
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-20 {
    top: calc(var(--spacing) * 20);
  }

  .top-24 {
    top: calc(var(--spacing) * 24);
  }

  .top-72 {
    top: calc(var(--spacing) * 72);
  }

  .top-\[-10\%\] {
    top: -10%;
  }

  .top-\[1px\] {
    top: 1px;
  }

  .top-\[50\%\] {
    top: 50%;
  }

  .top-\[60\%\] {
    top: 60%;
  }

  .top-full {
    top: 100%;
  }

  .-right-8 {
    right: calc(var(--spacing) * -8);
  }

  .-right-12 {
    right: calc(var(--spacing) * -12);
  }

  .-right-32 {
    right: calc(var(--spacing) * -32);
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-1 {
    right: calc(var(--spacing) * 1);
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .right-5 {
    right: calc(var(--spacing) * 5);
  }

  .right-7 {
    right: calc(var(--spacing) * 7);
  }

  .right-\[-9rem\] {
    right: -9rem;
  }

  .right-\[1rem\] {
    right: 1rem;
  }

  .right-\[5\%\] {
    right: 5%;
  }

  .-bottom-12 {
    bottom: calc(var(--spacing) * -12);
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .bottom-5 {
    bottom: calc(var(--spacing) * 5);
  }

  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }

  .bottom-8 {
    bottom: calc(var(--spacing) * 8);
  }

  .bottom-16 {
    bottom: calc(var(--spacing) * 16);
  }

  .bottom-\[-18\%\] {
    bottom: -18%;
  }

  .-left-12 {
    left: calc(var(--spacing) * -12);
  }

  .-left-44 {
    left: calc(var(--spacing) * -44);
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .left-4 {
    left: calc(var(--spacing) * 4);
  }

  .left-5 {
    left: calc(var(--spacing) * 5);
  }

  .left-7 {
    left: calc(var(--spacing) * 7);
  }

  .left-\[-16rem\] {
    left: -16rem;
  }

  .left-\[8\%\] {
    left: 8%;
  }

  .left-\[50\%\] {
    left: 50%;
  }

  .isolate {
    isolation: isolate;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-40 {
    z-index: 40;
  }

  .z-50 {
    z-index: 50;
  }

  .z-\[1\] {
    z-index: 1;
  }

  .order-first {
    order: -9999;
  }

  .order-last {
    order: 9999;
  }

  .col-start-2 {
    grid-column-start: 2;
  }

  .row-span-2 {
    grid-row: span 2 / span 2;
  }

  .row-start-1 {
    grid-row-start: 1;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .\!m-0 {
    margin: calc(var(--spacing) * 0) !important;
  }

  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-3\.5 {
    margin-inline: calc(var(--spacing) * 3.5);
  }

  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .-my-2 {
    margin-block: calc(var(--spacing) * -2);
  }

  .my-0 {
    margin-block: calc(var(--spacing) * 0);
  }

  .my-0\.5 {
    margin-block: calc(var(--spacing) * .5);
  }

  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }

  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }

  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-9 {
    margin-top: calc(var(--spacing) * 9);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }

  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }

  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }

  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }

  .mt-auto {
    margin-top: auto;
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }

  .-ml-4 {
    margin-left: calc(var(--spacing) * -4);
  }

  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .ml-auto {
    margin-left: auto;
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .table-caption {
    display: table-caption;
  }

  .table-cell {
    display: table-cell;
  }

  .table-row {
    display: table-row;
  }

  .field-sizing-content {
    field-sizing: content;
  }

  .\!aspect-auto {
    aspect-ratio: auto !important;
  }

  .aspect-\[2\/3\] {
    aspect-ratio: 2 / 3;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .size-\(--cell-size\) {
    width: var(--cell-size);
    height: var(--cell-size);
  }

  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }

  .size-auto {
    width: auto;
    height: auto;
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .h-\(--cell-size\) {
    height: var(--cell-size);
  }

  .h-1 {
    height: calc(var(--spacing) * 1);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-20 {
    height: calc(var(--spacing) * 20);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-28 {
    height: calc(var(--spacing) * 28);
  }

  .h-32 {
    height: calc(var(--spacing) * 32);
  }

  .h-36 {
    height: calc(var(--spacing) * 36);
  }

  .h-40 {
    height: calc(var(--spacing) * 40);
  }

  .h-48 {
    height: calc(var(--spacing) * 48);
  }

  .h-56 {
    height: calc(var(--spacing) * 56);
  }

  .h-64 {
    height: calc(var(--spacing) * 64);
  }

  .h-72 {
    height: calc(var(--spacing) * 72);
  }

  .h-80 {
    height: calc(var(--spacing) * 80);
  }

  .h-96 {
    height: calc(var(--spacing) * 96);
  }

  .h-\[1\.15rem\] {
    height: 1.15rem;
  }

  .h-\[24rem\] {
    height: 24rem;
  }

  .h-\[28rem\] {
    height: 28rem;
  }

  .h-\[34rem\] {
    height: 34rem;
  }

  .h-\[38px\] {
    height: 38px;
  }

  .h-\[200px\] {
    height: 200px;
  }

  .h-\[500px\] {
    height: 500px;
  }

  .h-\[calc\(100\%-1px\)\] {
    height: calc(100% - 1px);
  }

  .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
    height: var(--radix-navigation-menu-viewport-height);
  }

  .h-\[var\(--radix-select-trigger-height\)\] {
    height: var(--radix-select-trigger-height);
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .h-svh {
    height: 100svh;
  }

  .max-h-\(--radix-context-menu-content-available-height\) {
    max-height: var(--radix-context-menu-content-available-height);
  }

  .max-h-\(--radix-dropdown-menu-content-available-height\) {
    max-height: var(--radix-dropdown-menu-content-available-height);
  }

  .max-h-\(--radix-select-content-available-height\) {
    max-height: var(--radix-select-content-available-height);
  }

  .max-h-32 {
    max-height: calc(var(--spacing) * 32);
  }

  .max-h-\[300px\] {
    max-height: 300px;
  }

  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }

  .min-h-4 {
    min-height: calc(var(--spacing) * 4);
  }

  .min-h-6 {
    min-height: calc(var(--spacing) * 6);
  }

  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }

  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }

  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }

  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }

  .min-h-20 {
    min-height: calc(var(--spacing) * 20);
  }

  .min-h-24 {
    min-height: calc(var(--spacing) * 24);
  }

  .min-h-28 {
    min-height: calc(var(--spacing) * 28);
  }

  .min-h-36 {
    min-height: calc(var(--spacing) * 36);
  }

  .min-h-52 {
    min-height: calc(var(--spacing) * 52);
  }

  .min-h-56 {
    min-height: calc(var(--spacing) * 56);
  }

  .min-h-64 {
    min-height: calc(var(--spacing) * 64);
  }

  .min-h-72 {
    min-height: calc(var(--spacing) * 72);
  }

  .min-h-\[28rem\] {
    min-height: 28rem;
  }

  .min-h-\[70vh\] {
    min-height: 70vh;
  }

  .min-h-\[200px\] {
    min-height: 200px;
  }

  .min-h-\[260px\] {
    min-height: 260px;
  }

  .min-h-\[300px\] {
    min-height: 300px;
  }

  .min-h-\[330px\] {
    min-height: 330px;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .min-h-svh {
    min-height: 100svh;
  }

  .w-\(--cell-size\) {
    width: var(--cell-size);
  }

  .w-\(--sidebar-width\) {
    width: var(--sidebar-width);
  }

  .w-0 {
    width: calc(var(--spacing) * 0);
  }

  .w-1 {
    width: calc(var(--spacing) * 1);
  }

  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }

  .w-1\/2 {
    width: 50%;
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }

  .w-3\/4 {
    width: 75%;
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-11 {
    width: calc(var(--spacing) * 11);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-16 {
    width: calc(var(--spacing) * 16);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-36 {
    width: calc(var(--spacing) * 36);
  }

  .w-48 {
    width: calc(var(--spacing) * 48);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-80 {
    width: calc(var(--spacing) * 80);
  }

  .w-96 {
    width: calc(var(--spacing) * 96);
  }

  .w-\[24rem\] {
    width: 24rem;
  }

  .w-\[28rem\] {
    width: 28rem;
  }

  .w-\[34rem\] {
    width: 34rem;
  }

  .w-\[38px\] {
    width: 38px;
  }

  .w-\[100px\] {
    width: 100px;
  }

  .w-\[280px\] {
    width: 280px;
  }

  .w-\[400px\] {
    width: 400px;
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: max-content;
  }

  .w-px {
    width: 1px;
  }

  .max-w-\(--skeleton-width\) {
    max-width: var(--skeleton-width);
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

  .max-w-7xl {
    max-width: var(--container-7xl);
  }

  .max-w-\[14rem\] {
    max-width: 14rem;
  }

  .max-w-\[80\%\] {
    max-width: 80%;
  }

  .max-w-\[220px\] {
    max-width: 220px;
  }

  .max-w-\[280px\] {
    max-width: 280px;
  }

  .max-w-\[calc\(100\%-2rem\)\] {
    max-width: calc(100% - 2rem);
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-max {
    max-width: max-content;
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-none {
    max-width: none;
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .min-w-\(--cell-size\) {
    min-width: var(--cell-size);
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }

  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }

  .min-w-9 {
    min-width: calc(var(--spacing) * 9);
  }

  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }

  .min-w-12 {
    min-width: calc(var(--spacing) * 12);
  }

  .min-w-\[8rem\] {
    min-width: 8rem;
  }

  .min-w-\[12rem\] {
    min-width: 12rem;
  }

  .min-w-\[520px\] {
    min-width: 520px;
  }

  .min-w-\[620px\] {
    min-width: 620px;
  }

  .min-w-\[720px\] {
    min-width: 720px;
  }

  .min-w-\[760px\] {
    min-width: 760px;
  }

  .min-w-\[860px\] {
    min-width: 860px;
  }

  .min-w-\[900px\] {
    min-width: 900px;
  }

  .min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width: var(--radix-select-trigger-width);
  }

  .min-w-full {
    min-width: 100%;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-shrink-0, .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .grow-0 {
    flex-grow: 0;
  }

  .basis-full {
    flex-basis: 100%;
  }

  .caption-bottom {
    caption-side: bottom;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .origin-\(--radix-context-menu-content-transform-origin\) {
    transform-origin: var(--radix-context-menu-content-transform-origin);
  }

  .origin-\(--radix-dropdown-menu-content-transform-origin\) {
    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
  }

  .origin-\(--radix-hover-card-content-transform-origin\) {
    transform-origin: var(--radix-hover-card-content-transform-origin);
  }

  .origin-\(--radix-menubar-content-transform-origin\) {
    transform-origin: var(--radix-menubar-content-transform-origin);
  }

  .origin-\(--radix-popover-content-transform-origin\) {
    transform-origin: var(--radix-popover-content-transform-origin);
  }

  .origin-\(--radix-select-content-transform-origin\) {
    transform-origin: var(--radix-select-content-transform-origin);
  }

  .origin-\(--radix-tooltip-content-transform-origin\) {
    transform-origin: var(--radix-tooltip-content-transform-origin);
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-px {
    --tw-translate-x: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-px {
    --tw-translate-x: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0\.5 {
    --tw-translate-y: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[calc\(-50\%_-_2px\)\] {
    --tw-translate-y: calc(-50% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-full {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .\[transform\:rotateY\(-8deg\)_rotateX\(2deg\)\] {
    transform: rotateY(-8deg)rotateX(2deg);
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-caret-blink {
    animation: 1.25s ease-out infinite caret-blink;
  }

  .animate-in {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-col-resize {
    cursor: col-resize;
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-text {
    cursor: text;
  }

  .touch-none {
    touch-action: none;
  }

  .resize-none {
    resize: none;
  }

  .resize-y {
    resize: vertical;
  }

  .scroll-my-1 {
    scroll-margin-block: calc(var(--spacing) * 1);
  }

  .scroll-mt-28 {
    scroll-margin-top: calc(var(--spacing) * 28);
  }

  .scroll-py-1 {
    scroll-padding-block: calc(var(--spacing) * 1);
  }

  .list-disc {
    list-style-type: disc;
  }

  .list-none {
    list-style-type: none;
  }

  .auto-rows-min {
    grid-auto-rows: min-content;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .grid-cols-\[0_1fr\] {
    grid-template-columns: 0 1fr;
  }

  .grid-cols-\[32px_1fr\] {
    grid-template-columns: 32px 1fr;
  }

  .grid-rows-\[auto_auto\] {
    grid-template-rows: auto auto;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-col-reverse {
    flex-direction: column-reverse;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-stretch {
    align-items: stretch;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .justify-items-start {
    justify-items: start;
  }

  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }

  .gap-px {
    gap: 1px;
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-7 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-12 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * .5);
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-white\/5 > :not(:last-child)) {
    border-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-white\/5 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  :where(.divide-white\/8 > :not(:last-child)) {
    border-color: #ffffff14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-white\/8 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }

  :where(.divide-white\/10 > :not(:last-child)) {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-white\/10 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .self-end {
    align-self: flex-end;
  }

  .self-start {
    align-self: flex-start;
  }

  .self-stretch {
    align-self: stretch;
  }

  .justify-self-end {
    justify-self: flex-end;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }

  .rounded-\[2px\] {
    border-radius: 2px;
  }

  .rounded-\[4px\] {
    border-radius: 4px;
  }

  .rounded-\[10px\] {
    border-radius: 10px;
  }

  .rounded-\[20px\] {
    border-radius: 20px;
  }

  .rounded-\[calc\(var\(--radius\)-5px\)\] {
    border-radius: calc(var(--radius)  - 5px);
  }

  .rounded-\[inherit\] {
    border-radius: inherit;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: 8px;
  }

  .rounded-md {
    border-radius: 4px;
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-sm {
    border-radius: 2px;
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-xs {
    border-radius: var(--radius-xs);
  }

  .rounded-l-md {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .rounded-tl-sm {
    border-top-left-radius: 2px;
  }

  .rounded-r-md {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }

  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-\(--color-border\) {
    border-color: var(--color-border);
  }

  .border-\[\#2a4967\] {
    border-color: #2a4967;
  }

  .border-\[\#4b8dff\]\/15 {
    border-color: oklab(65.7445% -.0300412 -.18002 / .15);
  }

  .border-\[\#4b8dff\]\/20 {
    border-color: oklab(65.7445% -.0300412 -.18002 / .2);
  }

  .border-\[\#4b8dff\]\/25 {
    border-color: oklab(65.7445% -.0300412 -.18002 / .25);
  }

  .border-\[\#4b8dff\]\/30 {
    border-color: oklab(65.7445% -.0300412 -.18002 / .3);
  }

  .border-\[\#35d69c\] {
    border-color: #35d69c;
  }

  .border-\[\#23415f\] {
    border-color: #23415f;
  }

  .border-\[\#213245\] {
    border-color: #213245;
  }

  .border-\[rgba\(0\,0\,0\,0\.08\)\] {
    border-color: #00000014;
  }

  .border-amber-200\/20 {
    border-color: #fee68533;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-200\/20 {
      border-color: color-mix(in oklab, var(--color-amber-200) 20%, transparent);
    }
  }

  .border-amber-300\/15 {
    border-color: #ffd23626;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-300\/15 {
      border-color: color-mix(in oklab, var(--color-amber-300) 15%, transparent);
    }
  }

  .border-amber-300\/20 {
    border-color: #ffd23633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-300\/20 {
      border-color: color-mix(in oklab, var(--color-amber-300) 20%, transparent);
    }
  }

  .border-amber-300\/25 {
    border-color: #ffd23640;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-300\/25 {
      border-color: color-mix(in oklab, var(--color-amber-300) 25%, transparent);
    }
  }

  .border-amber-300\/30 {
    border-color: #ffd2364d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-300\/30 {
      border-color: color-mix(in oklab, var(--color-amber-300) 30%, transparent);
    }
  }

  .border-amber-300\/40 {
    border-color: #ffd23666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-300\/40 {
      border-color: color-mix(in oklab, var(--color-amber-300) 40%, transparent);
    }
  }

  .border-amber-400\/15 {
    border-color: #fcbb0026;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-400\/15 {
      border-color: color-mix(in oklab, var(--color-amber-400) 15%, transparent);
    }
  }

  .border-amber-400\/20 {
    border-color: #fcbb0033;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-400\/20 {
      border-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent);
    }
  }

  .border-amber-400\/25 {
    border-color: #fcbb0040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-400\/25 {
      border-color: color-mix(in oklab, var(--color-amber-400) 25%, transparent);
    }
  }

  .border-amber-400\/35 {
    border-color: #fcbb0059;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-400\/35 {
      border-color: color-mix(in oklab, var(--color-amber-400) 35%, transparent);
    }
  }

  .border-blue-300 {
    border-color: var(--color-blue-300);
  }

  .border-blue-300\/15 {
    border-color: #90c5ff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-300\/15 {
      border-color: color-mix(in oklab, var(--color-blue-300) 15%, transparent);
    }
  }

  .border-blue-300\/20 {
    border-color: #90c5ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-300\/20 {
      border-color: color-mix(in oklab, var(--color-blue-300) 20%, transparent);
    }
  }

  .border-blue-300\/25 {
    border-color: #90c5ff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-300\/25 {
      border-color: color-mix(in oklab, var(--color-blue-300) 25%, transparent);
    }
  }

  .border-blue-300\/40 {
    border-color: #90c5ff66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-300\/40 {
      border-color: color-mix(in oklab, var(--color-blue-300) 40%, transparent);
    }
  }

  .border-blue-300\/45 {
    border-color: #90c5ff73;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-300\/45 {
      border-color: color-mix(in oklab, var(--color-blue-300) 45%, transparent);
    }
  }

  .border-blue-400 {
    border-color: var(--color-blue-400);
  }

  .border-blue-400\/20 {
    border-color: #54a2ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-400\/20 {
      border-color: color-mix(in oklab, var(--color-blue-400) 20%, transparent);
    }
  }

  .border-blue-400\/30 {
    border-color: #54a2ff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-400\/30 {
      border-color: color-mix(in oklab, var(--color-blue-400) 30%, transparent);
    }
  }

  .border-blue-400\/35 {
    border-color: #54a2ff59;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-400\/35 {
      border-color: color-mix(in oklab, var(--color-blue-400) 35%, transparent);
    }
  }

  .border-border, .border-border\/50 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/50 {
      border-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }

  .border-current {
    border-color: currentColor;
  }

  .border-cyan-200\/10 {
    border-color: #a2f4fd1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-cyan-200\/10 {
      border-color: color-mix(in oklab, var(--color-cyan-200) 10%, transparent);
    }
  }

  .border-cyan-200\/15 {
    border-color: #a2f4fd26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-cyan-200\/15 {
      border-color: color-mix(in oklab, var(--color-cyan-200) 15%, transparent);
    }
  }

  .border-cyan-300\/15 {
    border-color: #53eafd26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-cyan-300\/15 {
      border-color: color-mix(in oklab, var(--color-cyan-300) 15%, transparent);
    }
  }

  .border-cyan-300\/20 {
    border-color: #53eafd33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-cyan-300\/20 {
      border-color: color-mix(in oklab, var(--color-cyan-300) 20%, transparent);
    }
  }

  .border-cyan-300\/25 {
    border-color: #53eafd40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-cyan-300\/25 {
      border-color: color-mix(in oklab, var(--color-cyan-300) 25%, transparent);
    }
  }

  .border-cyan-300\/30 {
    border-color: #53eafd4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-cyan-300\/30 {
      border-color: color-mix(in oklab, var(--color-cyan-300) 30%, transparent);
    }
  }

  .border-cyan-300\/35 {
    border-color: #53eafd59;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-cyan-300\/35 {
      border-color: color-mix(in oklab, var(--color-cyan-300) 35%, transparent);
    }
  }

  .border-cyan-300\/45 {
    border-color: #53eafd73;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-cyan-300\/45 {
      border-color: color-mix(in oklab, var(--color-cyan-300) 45%, transparent);
    }
  }

  .border-cyan-400\/10 {
    border-color: #00d2ef1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-cyan-400\/10 {
      border-color: color-mix(in oklab, var(--color-cyan-400) 10%, transparent);
    }
  }

  .border-cyan-400\/15 {
    border-color: #00d2ef26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-cyan-400\/15 {
      border-color: color-mix(in oklab, var(--color-cyan-400) 15%, transparent);
    }
  }

  .border-cyan-400\/20 {
    border-color: #00d2ef33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-cyan-400\/20 {
      border-color: color-mix(in oklab, var(--color-cyan-400) 20%, transparent);
    }
  }

  .border-cyan-400\/30 {
    border-color: #00d2ef4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-cyan-400\/30 {
      border-color: color-mix(in oklab, var(--color-cyan-400) 30%, transparent);
    }
  }

  .border-emerald-200\/10 {
    border-color: #a4f4cf1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-200\/10 {
      border-color: color-mix(in oklab, var(--color-emerald-200) 10%, transparent);
    }
  }

  .border-emerald-200\/20 {
    border-color: #a4f4cf33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-200\/20 {
      border-color: color-mix(in oklab, var(--color-emerald-200) 20%, transparent);
    }
  }

  .border-emerald-300 {
    border-color: var(--color-emerald-300);
  }

  .border-emerald-300\/15 {
    border-color: #5ee9b526;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-300\/15 {
      border-color: color-mix(in oklab, var(--color-emerald-300) 15%, transparent);
    }
  }

  .border-emerald-300\/20 {
    border-color: #5ee9b533;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-300\/20 {
      border-color: color-mix(in oklab, var(--color-emerald-300) 20%, transparent);
    }
  }

  .border-emerald-300\/25 {
    border-color: #5ee9b540;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-300\/25 {
      border-color: color-mix(in oklab, var(--color-emerald-300) 25%, transparent);
    }
  }

  .border-emerald-300\/30 {
    border-color: #5ee9b54d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-300\/30 {
      border-color: color-mix(in oklab, var(--color-emerald-300) 30%, transparent);
    }
  }

  .border-emerald-300\/35 {
    border-color: #5ee9b559;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-300\/35 {
      border-color: color-mix(in oklab, var(--color-emerald-300) 35%, transparent);
    }
  }

  .border-emerald-300\/40 {
    border-color: #5ee9b566;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-300\/40 {
      border-color: color-mix(in oklab, var(--color-emerald-300) 40%, transparent);
    }
  }

  .border-emerald-400\/10 {
    border-color: #00d2941a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-400\/10 {
      border-color: color-mix(in oklab, var(--color-emerald-400) 10%, transparent);
    }
  }

  .border-emerald-400\/20 {
    border-color: #00d29433;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-400\/20 {
      border-color: color-mix(in oklab, var(--color-emerald-400) 20%, transparent);
    }
  }

  .border-emerald-400\/30 {
    border-color: #00d2944d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-400\/30 {
      border-color: color-mix(in oklab, var(--color-emerald-400) 30%, transparent);
    }
  }

  .border-emerald-400\/35 {
    border-color: #00d29459;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-400\/35 {
      border-color: color-mix(in oklab, var(--color-emerald-400) 35%, transparent);
    }
  }

  .border-emerald-400\/60 {
    border-color: #00d29499;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-400\/60 {
      border-color: color-mix(in oklab, var(--color-emerald-400) 60%, transparent);
    }
  }

  .border-emerald-400\/70 {
    border-color: #00d294b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-400\/70 {
      border-color: color-mix(in oklab, var(--color-emerald-400) 70%, transparent);
    }
  }

  .border-fuchsia-300\/15 {
    border-color: #f2a9ff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-fuchsia-300\/15 {
      border-color: color-mix(in oklab, var(--color-fuchsia-300) 15%, transparent);
    }
  }

  .border-fuchsia-300\/30 {
    border-color: #f2a9ff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-fuchsia-300\/30 {
      border-color: color-mix(in oklab, var(--color-fuchsia-300) 30%, transparent);
    }
  }

  .border-fuchsia-400\/20 {
    border-color: #ec6cff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-fuchsia-400\/20 {
      border-color: color-mix(in oklab, var(--color-fuchsia-400) 20%, transparent);
    }
  }

  .border-input {
    border-color: var(--input);
  }

  .border-primary {
    border-color: var(--primary);
  }

  .border-rose-300\/20 {
    border-color: #ffa2ae33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-rose-300\/20 {
      border-color: color-mix(in oklab, var(--color-rose-300) 20%, transparent);
    }
  }

  .border-rose-300\/25 {
    border-color: #ffa2ae40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-rose-300\/25 {
      border-color: color-mix(in oklab, var(--color-rose-300) 25%, transparent);
    }
  }

  .border-rose-300\/30 {
    border-color: #ffa2ae4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-rose-300\/30 {
      border-color: color-mix(in oklab, var(--color-rose-300) 30%, transparent);
    }
  }

  .border-rose-300\/40 {
    border-color: #ffa2ae66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-rose-300\/40 {
      border-color: color-mix(in oklab, var(--color-rose-300) 40%, transparent);
    }
  }

  .border-rose-400\/20 {
    border-color: #ff667f33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-rose-400\/20 {
      border-color: color-mix(in oklab, var(--color-rose-400) 20%, transparent);
    }
  }

  .border-rose-400\/30 {
    border-color: #ff667f4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-rose-400\/30 {
      border-color: color-mix(in oklab, var(--color-rose-400) 30%, transparent);
    }
  }

  .border-rose-400\/35 {
    border-color: #ff667f59;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-rose-400\/35 {
      border-color: color-mix(in oklab, var(--color-rose-400) 35%, transparent);
    }
  }

  .border-sky-400\/35 {
    border-color: #00bcfe59;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-sky-400\/35 {
      border-color: color-mix(in oklab, var(--color-sky-400) 35%, transparent);
    }
  }

  .border-slate-400\/20 {
    border-color: #90a1b933;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-slate-400\/20 {
      border-color: color-mix(in oklab, var(--color-slate-400) 20%, transparent);
    }
  }

  .border-slate-500\/20 {
    border-color: #62748e33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-slate-500\/20 {
      border-color: color-mix(in oklab, var(--color-slate-500) 20%, transparent);
    }
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-violet-300\/15 {
    border-color: #c4b4ff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-violet-300\/15 {
      border-color: color-mix(in oklab, var(--color-violet-300) 15%, transparent);
    }
  }

  .border-violet-300\/25 {
    border-color: #c4b4ff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-violet-300\/25 {
      border-color: color-mix(in oklab, var(--color-violet-300) 25%, transparent);
    }
  }

  .border-violet-300\/30 {
    border-color: #c4b4ff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-violet-300\/30 {
      border-color: color-mix(in oklab, var(--color-violet-300) 30%, transparent);
    }
  }

  .border-violet-300\/40 {
    border-color: #c4b4ff66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-violet-300\/40 {
      border-color: color-mix(in oklab, var(--color-violet-300) 40%, transparent);
    }
  }

  .border-violet-400\/15 {
    border-color: #a685ff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-violet-400\/15 {
      border-color: color-mix(in oklab, var(--color-violet-400) 15%, transparent);
    }
  }

  .border-violet-400\/20 {
    border-color: #a685ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-violet-400\/20 {
      border-color: color-mix(in oklab, var(--color-violet-400) 20%, transparent);
    }
  }

  .border-violet-400\/35 {
    border-color: #a685ff59;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-violet-400\/35 {
      border-color: color-mix(in oklab, var(--color-violet-400) 35%, transparent);
    }
  }

  .border-white\/5 {
    border-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/5 {
      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .border-white\/8 {
    border-color: #ffffff14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/8 {
      border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }

  .border-white\/10 {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/10 {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .border-white\/15 {
    border-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/15 {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .border-white\/20 {
    border-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/20 {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .border-white\/\[\.06\] {
    border-color: #ffffff0f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/\[\.06\] {
      border-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }

  .border-white\/\[0\.06\] {
    border-color: #ffffff0f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/\[0\.06\] {
      border-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }

  .border-t-transparent {
    border-top-color: #0000;
  }

  .border-l-transparent {
    border-left-color: #0000;
  }

  .bg-\(--color-bg\) {
    background-color: var(--color-bg);
  }

  .bg-\[\#0a0d12\] {
    background-color: #0a0d12;
  }

  .bg-\[\#0a0d12\]\/90 {
    background-color: oklab(15.8224% -.00191705 -.0116072 / .9);
  }

  .bg-\[\#0a0e14\] {
    background-color: #0a0e14;
  }

  .bg-\[\#0a0e14\]\/95 {
    background-color: oklab(16.2462% -.00288638 -.0140149 / .95);
  }

  .bg-\[\#0a0e16\]\/90 {
    background-color: oklab(16.3665% -.00193767 -.0180846 / .9);
  }

  .bg-\[\#0a1119\] {
    background-color: #0a1119;
  }

  .bg-\[\#0b0e14\] {
    background-color: #0b0e14;
  }

  .bg-\[\#0b0e14\]\/90 {
    background-color: oklab(16.3465% -.00140338 -.0135581 / .9);
  }

  .bg-\[\#0b0f16\]\/85 {
    background-color: oklab(16.768% -.0023839 -.0159404 / .85);
  }

  .bg-\[\#0b1017\] {
    background-color: #0b1017;
  }

  .bg-\[\#0c1118\] {
    background-color: #0c1118;
  }

  .bg-\[\#0d151b\] {
    background-color: #0d151b;
  }

  .bg-\[\#1a1a19\] {
    background-color: #1a1a19;
  }

  .bg-\[\#4b8dff\]\/10 {
    background-color: oklab(65.7445% -.0300412 -.18002 / .1);
  }

  .bg-\[\#4b8dff\]\/\[0\.045\] {
    background-color: oklab(65.7445% -.0300412 -.18002 / .045);
  }

  .bg-\[\#070a0f\] {
    background-color: #070a0f;
  }

  .bg-\[\#070b12\] {
    background-color: #070b12;
  }

  .bg-\[\#080a0e\] {
    background-color: #080a0e;
  }

  .bg-\[\#080a0e\]\/70 {
    background-color: oklab(14.4338% -.00115245 -.00936862 / .7);
  }

  .bg-\[\#090d17\] {
    background-color: #090d17;
  }

  .bg-\[\#05070b\] {
    background-color: #05070b;
  }

  .bg-\[\#05070d\] {
    background-color: #05070d;
  }

  .bg-\[\#06080d\] {
    background-color: #06080d;
  }

  .bg-\[\#07090d\] {
    background-color: #07090d;
  }

  .bg-\[\#07090d\]\/50 {
    background-color: oklab(13.9206% -.00138959 -.00959612 / .5);
  }

  .bg-\[\#07090d\]\/60 {
    background-color: oklab(13.9206% -.00138959 -.00959612 / .6);
  }

  .bg-\[\#09111a\]\/80 {
    background-color: oklab(17.4457% -.00697801 -.0213826 / .8);
  }

  .bg-\[\#09111e\]\/85 {
    background-color: oklab(17.7122% -.00531871 -.0293006 / .85);
  }

  .bg-\[\#10151c\] {
    background-color: #10151c;
  }

  .bg-\[\#081017\] {
    background-color: #081017;
  }

  .bg-\[\#f8f8f7\] {
    background-color: #f8f8f7;
  }

  .bg-\[radial-gradient\(circle_at_84\%_0\%\,rgba\(59\,130\,246\,\.20\)\,transparent_35\%\)\,\#0b111c\] {
    background-color: radial-gradient(circle at 84% 0%, #3b82f633, transparent 35%), #0b111c;
  }

  .bg-\[radial-gradient\(circle_at_100\%_0\%\,rgba\(53\,105\,255\,\.13\)\,transparent_38\%\)\,rgba\(255\,255\,255\,\.025\)\] {
    background-color: radial-gradient(circle at 100% 0%, #3569ff21, transparent 38%), #ffffff06;
  }

  .bg-\[radial-gradient\(circle_at_center\,rgba\(16\,185\,129\,\.12\)\,transparent_42\%\)\,\#090e15\] {
    background-color: radial-gradient(circle at center, #10b9811f, transparent 42%), #090e15;
  }

  .bg-accent {
    background-color: var(--accent);
  }

  .bg-amber-300 {
    background-color: var(--color-amber-300);
  }

  .bg-amber-300\/10 {
    background-color: #ffd2361a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-300\/10 {
      background-color: color-mix(in oklab, var(--color-amber-300) 10%, transparent);
    }
  }

  .bg-amber-300\/\[\.06\] {
    background-color: #ffd2360f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-300\/\[\.06\] {
      background-color: color-mix(in oklab, var(--color-amber-300) 6%, transparent);
    }
  }

  .bg-amber-300\/\[\.045\] {
    background-color: #ffd2360b;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-300\/\[\.045\] {
      background-color: color-mix(in oklab, var(--color-amber-300) 4.5%, transparent);
    }
  }

  .bg-amber-300\/\[0\.04\] {
    background-color: #ffd2360a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-300\/\[0\.04\] {
      background-color: color-mix(in oklab, var(--color-amber-300) 4%, transparent);
    }
  }

  .bg-amber-300\/\[0\.06\] {
    background-color: #ffd2360f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-300\/\[0\.06\] {
      background-color: color-mix(in oklab, var(--color-amber-300) 6%, transparent);
    }
  }

  .bg-amber-300\/\[0\.08\] {
    background-color: #ffd23614;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-300\/\[0\.08\] {
      background-color: color-mix(in oklab, var(--color-amber-300) 8%, transparent);
    }
  }

  .bg-amber-300\/\[0\.045\] {
    background-color: #ffd2360b;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-300\/\[0\.045\] {
      background-color: color-mix(in oklab, var(--color-amber-300) 4.5%, transparent);
    }
  }

  .bg-amber-400\/10 {
    background-color: #fcbb001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-400\/10 {
      background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent);
    }
  }

  .bg-amber-400\/\[0\.04\] {
    background-color: #fcbb000a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-400\/\[0\.04\] {
      background-color: color-mix(in oklab, var(--color-amber-400) 4%, transparent);
    }
  }

  .bg-amber-400\/\[0\.05\] {
    background-color: #fcbb000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-400\/\[0\.05\] {
      background-color: color-mix(in oklab, var(--color-amber-400) 5%, transparent);
    }
  }

  .bg-amber-400\/\[0\.07\] {
    background-color: #fcbb0012;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-400\/\[0\.07\] {
      background-color: color-mix(in oklab, var(--color-amber-400) 7.0%, transparent);
    }
  }

  .bg-background, .bg-background\/50 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/50 {
      background-color: color-mix(in oklab, var(--background) 50%, transparent);
    }
  }

  .bg-background\/95 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/95 {
      background-color: color-mix(in oklab, var(--background) 95%, transparent);
    }
  }

  .bg-black\/10 {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/10 {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .bg-black\/15 {
    background-color: #00000026;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/15 {
      background-color: color-mix(in oklab, var(--color-black) 15%, transparent);
    }
  }

  .bg-black\/20 {
    background-color: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/20 {
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }

  .bg-black\/25 {
    background-color: #00000040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/25 {
      background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
    }
  }

  .bg-black\/30 {
    background-color: #0000004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/30 {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }

  .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-blue-300 {
    background-color: var(--color-blue-300);
  }

  .bg-blue-300\/10 {
    background-color: #90c5ff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-300\/10 {
      background-color: color-mix(in oklab, var(--color-blue-300) 10%, transparent);
    }
  }

  .bg-blue-300\/\[\.08\] {
    background-color: #90c5ff14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-300\/\[\.08\] {
      background-color: color-mix(in oklab, var(--color-blue-300) 8%, transparent);
    }
  }

  .bg-blue-300\/\[0\.035\] {
    background-color: #90c5ff09;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-300\/\[0\.035\] {
      background-color: color-mix(in oklab, var(--color-blue-300) 3.5%, transparent);
    }
  }

  .bg-blue-300\/\[0\.045\] {
    background-color: #90c5ff0b;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-300\/\[0\.045\] {
      background-color: color-mix(in oklab, var(--color-blue-300) 4.5%, transparent);
    }
  }

  .bg-blue-400 {
    background-color: var(--color-blue-400);
  }

  .bg-blue-400\/10 {
    background-color: #54a2ff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-400\/10 {
      background-color: color-mix(in oklab, var(--color-blue-400) 10%, transparent);
    }
  }

  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }

  .bg-blue-500\/10 {
    background-color: #3080ff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/10 {
      background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
    }
  }

  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }

  .bg-blue-600\/15 {
    background-color: #155dfc26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-600\/15 {
      background-color: color-mix(in oklab, var(--color-blue-600) 15%, transparent);
    }
  }

  .bg-border {
    background-color: var(--border);
  }

  .bg-card {
    background-color: var(--card);
  }

  .bg-cyan-300 {
    background-color: var(--color-cyan-300);
  }

  .bg-cyan-300\/\[\.06\] {
    background-color: #53eafd0f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-cyan-300\/\[\.06\] {
      background-color: color-mix(in oklab, var(--color-cyan-300) 6%, transparent);
    }
  }

  .bg-cyan-300\/\[\.045\] {
    background-color: #53eafd0b;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-cyan-300\/\[\.045\] {
      background-color: color-mix(in oklab, var(--color-cyan-300) 4.5%, transparent);
    }
  }

  .bg-cyan-300\/\[0\.06\] {
    background-color: #53eafd0f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-cyan-300\/\[0\.06\] {
      background-color: color-mix(in oklab, var(--color-cyan-300) 6%, transparent);
    }
  }

  .bg-cyan-300\/\[0\.045\] {
    background-color: #53eafd0b;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-cyan-300\/\[0\.045\] {
      background-color: color-mix(in oklab, var(--color-cyan-300) 4.5%, transparent);
    }
  }

  .bg-cyan-400 {
    background-color: var(--color-cyan-400);
  }

  .bg-cyan-400\/5 {
    background-color: #00d2ef0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-cyan-400\/5 {
      background-color: color-mix(in oklab, var(--color-cyan-400) 5%, transparent);
    }
  }

  .bg-cyan-400\/10 {
    background-color: #00d2ef1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-cyan-400\/10 {
      background-color: color-mix(in oklab, var(--color-cyan-400) 10%, transparent);
    }
  }

  .bg-cyan-400\/\[0\.04\] {
    background-color: #00d2ef0a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-cyan-400\/\[0\.04\] {
      background-color: color-mix(in oklab, var(--color-cyan-400) 4%, transparent);
    }
  }

  .bg-cyan-400\/\[0\.035\] {
    background-color: #00d2ef09;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-cyan-400\/\[0\.035\] {
      background-color: color-mix(in oklab, var(--color-cyan-400) 3.5%, transparent);
    }
  }

  .bg-cyan-500 {
    background-color: var(--color-cyan-500);
  }

  .bg-cyan-500\/10 {
    background-color: #00b7d71a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-cyan-500\/10 {
      background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
    }
  }

  .bg-destructive {
    background-color: var(--destructive);
  }

  .bg-emerald-300 {
    background-color: var(--color-emerald-300);
  }

  .bg-emerald-300\/5 {
    background-color: #5ee9b50d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-300\/5 {
      background-color: color-mix(in oklab, var(--color-emerald-300) 5%, transparent);
    }
  }

  .bg-emerald-300\/10 {
    background-color: #5ee9b51a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-300\/10 {
      background-color: color-mix(in oklab, var(--color-emerald-300) 10%, transparent);
    }
  }

  .bg-emerald-300\/\[\.04\] {
    background-color: #5ee9b50a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-300\/\[\.04\] {
      background-color: color-mix(in oklab, var(--color-emerald-300) 4%, transparent);
    }
  }

  .bg-emerald-300\/\[\.05\] {
    background-color: #5ee9b50d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-300\/\[\.05\] {
      background-color: color-mix(in oklab, var(--color-emerald-300) 5%, transparent);
    }
  }

  .bg-emerald-300\/\[\.06\] {
    background-color: #5ee9b50f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-300\/\[\.06\] {
      background-color: color-mix(in oklab, var(--color-emerald-300) 6%, transparent);
    }
  }

  .bg-emerald-300\/\[\.035\] {
    background-color: #5ee9b509;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-300\/\[\.035\] {
      background-color: color-mix(in oklab, var(--color-emerald-300) 3.5%, transparent);
    }
  }

  .bg-emerald-300\/\[0\.06\] {
    background-color: #5ee9b50f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-300\/\[0\.06\] {
      background-color: color-mix(in oklab, var(--color-emerald-300) 6%, transparent);
    }
  }

  .bg-emerald-300\/\[0\.07\] {
    background-color: #5ee9b512;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-300\/\[0\.07\] {
      background-color: color-mix(in oklab, var(--color-emerald-300) 7.0%, transparent);
    }
  }

  .bg-emerald-300\/\[0\.08\] {
    background-color: #5ee9b514;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-300\/\[0\.08\] {
      background-color: color-mix(in oklab, var(--color-emerald-300) 8%, transparent);
    }
  }

  .bg-emerald-300\/\[0\.035\] {
    background-color: #5ee9b509;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-300\/\[0\.035\] {
      background-color: color-mix(in oklab, var(--color-emerald-300) 3.5%, transparent);
    }
  }

  .bg-emerald-300\/\[0\.045\] {
    background-color: #5ee9b50b;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-300\/\[0\.045\] {
      background-color: color-mix(in oklab, var(--color-emerald-300) 4.5%, transparent);
    }
  }

  .bg-emerald-400 {
    background-color: var(--color-emerald-400);
  }

  .bg-emerald-400\/10 {
    background-color: #00d2941a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-400\/10 {
      background-color: color-mix(in oklab, var(--color-emerald-400) 10%, transparent);
    }
  }

  .bg-emerald-400\/15 {
    background-color: #00d29426;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-400\/15 {
      background-color: color-mix(in oklab, var(--color-emerald-400) 15%, transparent);
    }
  }

  .bg-emerald-400\/\[0\.035\] {
    background-color: #00d29409;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-400\/\[0\.035\] {
      background-color: color-mix(in oklab, var(--color-emerald-400) 3.5%, transparent);
    }
  }

  .bg-emerald-500\/10 {
    background-color: #00bb7f1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/10 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
    }
  }

  .bg-foreground {
    background-color: var(--foreground);
  }

  .bg-fuchsia-300\/10 {
    background-color: #f2a9ff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-fuchsia-300\/10 {
      background-color: color-mix(in oklab, var(--color-fuchsia-300) 10%, transparent);
    }
  }

  .bg-fuchsia-400\/\[0\.03\] {
    background-color: #ec6cff08;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-fuchsia-400\/\[0\.03\] {
      background-color: color-mix(in oklab, var(--color-fuchsia-400) 3%, transparent);
    }
  }

  .bg-input {
    background-color: var(--input);
  }

  .bg-muted, .bg-muted\/50 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/50 {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .bg-popover {
    background-color: var(--popover);
  }

  .bg-primary, .bg-primary\/10 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/10 {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .bg-primary\/20 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/20 {
      background-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }

  .bg-red-100 {
    background-color: var(--color-red-100);
  }

  .bg-rose-300\/10 {
    background-color: #ffa2ae1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rose-300\/10 {
      background-color: color-mix(in oklab, var(--color-rose-300) 10%, transparent);
    }
  }

  .bg-rose-400\/10 {
    background-color: #ff667f1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rose-400\/10 {
      background-color: color-mix(in oklab, var(--color-rose-400) 10%, transparent);
    }
  }

  .bg-secondary {
    background-color: var(--secondary);
  }

  .bg-sky-400\/10 {
    background-color: #00bcfe1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-sky-400\/10 {
      background-color: color-mix(in oklab, var(--color-sky-400) 10%, transparent);
    }
  }

  .bg-slate-400\/10 {
    background-color: #90a1b91a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-400\/10 {
      background-color: color-mix(in oklab, var(--color-slate-400) 10%, transparent);
    }
  }

  .bg-slate-500\/10 {
    background-color: #62748e1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-500\/10 {
      background-color: color-mix(in oklab, var(--color-slate-500) 10%, transparent);
    }
  }

  .bg-slate-950 {
    background-color: var(--color-slate-950);
  }

  .bg-slate-950\/40 {
    background-color: #02061866;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-950\/40 {
      background-color: color-mix(in oklab, var(--color-slate-950) 40%, transparent);
    }
  }

  .bg-slate-950\/45 {
    background-color: #02061873;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-950\/45 {
      background-color: color-mix(in oklab, var(--color-slate-950) 45%, transparent);
    }
  }

  .bg-slate-950\/50 {
    background-color: #02061880;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-950\/50 {
      background-color: color-mix(in oklab, var(--color-slate-950) 50%, transparent);
    }
  }

  .bg-slate-950\/60 {
    background-color: #02061899;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-950\/60 {
      background-color: color-mix(in oklab, var(--color-slate-950) 60%, transparent);
    }
  }

  .bg-slate-950\/65 {
    background-color: #020618a6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-950\/65 {
      background-color: color-mix(in oklab, var(--color-slate-950) 65%, transparent);
    }
  }

  .bg-slate-950\/75 {
    background-color: #020618bf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-950\/75 {
      background-color: color-mix(in oklab, var(--color-slate-950) 75%, transparent);
    }
  }

  .bg-slate-950\/95 {
    background-color: #020618f2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-950\/95 {
      background-color: color-mix(in oklab, var(--color-slate-950) 95%, transparent);
    }
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-violet-300\/10 {
    background-color: #c4b4ff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-300\/10 {
      background-color: color-mix(in oklab, var(--color-violet-300) 10%, transparent);
    }
  }

  .bg-violet-300\/\[0\.045\] {
    background-color: #c4b4ff0b;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-300\/\[0\.045\] {
      background-color: color-mix(in oklab, var(--color-violet-300) 4.5%, transparent);
    }
  }

  .bg-violet-400\/10 {
    background-color: #a685ff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-400\/10 {
      background-color: color-mix(in oklab, var(--color-violet-400) 10%, transparent);
    }
  }

  .bg-violet-400\/\[0\.04\] {
    background-color: #a685ff0a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-400\/\[0\.04\] {
      background-color: color-mix(in oklab, var(--color-violet-400) 4%, transparent);
    }
  }

  .bg-violet-400\/\[0\.035\] {
    background-color: #a685ff09;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-400\/\[0\.035\] {
      background-color: color-mix(in oklab, var(--color-violet-400) 3.5%, transparent);
    }
  }

  .bg-violet-500\/10 {
    background-color: #8d54ff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-500\/10 {
      background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent);
    }
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\/5 {
    background-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/5 {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .bg-white\/10 {
    background-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/10 {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .bg-white\/15 {
    background-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/15 {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .bg-white\/80 {
    background-color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/80 {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .bg-white\/\[\.02\] {
    background-color: #ffffff05;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[\.02\] {
      background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
    }
  }

  .bg-white\/\[\.018\] {
    background-color: #ffffff05;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[\.018\] {
      background-color: color-mix(in oklab, var(--color-white) 1.8%, transparent);
    }
  }

  .bg-white\/\[\.025\] {
    background-color: #ffffff06;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[\.025\] {
      background-color: color-mix(in oklab, var(--color-white) 2.5%, transparent);
    }
  }

  .bg-white\/\[\.035\] {
    background-color: #ffffff09;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[\.035\] {
      background-color: color-mix(in oklab, var(--color-white) 3.5%, transparent);
    }
  }

  .bg-white\/\[0\.02\] {
    background-color: #ffffff05;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.02\] {
      background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
    }
  }

  .bg-white\/\[0\.03\] {
    background-color: #ffffff08;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.03\] {
      background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
    }
  }

  .bg-white\/\[0\.04\] {
    background-color: #ffffff0a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.04\] {
      background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
    }
  }

  .bg-white\/\[0\.025\] {
    background-color: #ffffff06;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.025\] {
      background-color: color-mix(in oklab, var(--color-white) 2.5%, transparent);
    }
  }

  .bg-white\/\[0\.035\] {
    background-color: #ffffff09;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.035\] {
      background-color: color-mix(in oklab, var(--color-white) 3.5%, transparent);
    }
  }

  .bg-white\/\[0\.045\] {
    background-color: #ffffff0b;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.045\] {
      background-color: color-mix(in oklab, var(--color-white) 4.5%, transparent);
    }
  }

  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .\[background-image\:linear-gradient\(rgba\(139\,177\,217\,\.14\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,rgba\(139\,177\,217\,\.14\)_1px\,transparent_1px\)\] {
    background-image: linear-gradient(#8bb1d924 1px, #0000 1px), linear-gradient(90deg, #8bb1d924 1px, #0000 1px);
  }

  .bg-\[linear-gradient\(90deg\,rgba\(7\,10\,15\,\.62\)\,rgba\(7\,10\,15\,\.08\)\)\,linear-gradient\(0deg\,rgba\(7\,10\,15\,\.65\)\,transparent_55\%\)\] {
    background-image: linear-gradient(90deg, #070a0f9e, #070a0f14), linear-gradient(0deg, #070a0fa6, #0000 55%);
  }

  .bg-\[linear-gradient\(105deg\,rgba\(34\,211\,238\,0\.12\)\,rgba\(8\,10\,14\,0\.1\)_46\%\,rgba\(16\,185\,129\,0\.06\)\)\] {
    background-image: linear-gradient(105deg, #22d3ee1f, #080a0e1a 46%, #10b9810f);
  }

  .bg-\[linear-gradient\(120deg\,rgba\(17\,24\,39\,\.76\)\,rgba\(8\,10\,15\,\.94\)\)\] {
    background-image: linear-gradient(120deg, #111827c2, #080a0ff0);
  }

  .bg-\[linear-gradient\(135deg\,rgba\(31\,64\,150\,\.22\)\,rgba\(6\,10\,18\,\.94\)_55\%\)\] {
    background-image: linear-gradient(135deg, #1f409638, #060a12f0 55%);
  }

  .bg-\[linear-gradient\(135deg\,rgba\(75\,141\,255\,\.12\)\,rgba\(8\,10\,14\,\.96\)_46\%\,rgba\(53\,214\,156\,\.08\)\)\] {
    background-image: linear-gradient(135deg, #4b8dff1f, #080a0ef5 46%, #35d69c14);
  }

  .bg-\[linear-gradient\(140deg\,rgba\(75\,141\,255\,\.12\)\,rgba\(8\,10\,14\,\.9\)\)\] {
    background-image: linear-gradient(140deg, #4b8dff1f, #080a0ee6);
  }

  .bg-\[linear-gradient\(140deg\,rgba\(75\,141\,255\,\.14\)\,rgba\(53\,214\,156\,\.05\)_55\%\,rgba\(8\,10\,14\,\.8\)\)\] {
    background-image: linear-gradient(140deg, #4b8dff24, #35d69c0d 55%, #080a0ecc);
  }

  .bg-\[radial-gradient\(circle_at_30\%_20\%\,rgba\(16\,185\,129\,\.35\)\,transparent_28\%\)\,linear-gradient\(145deg\,\#0d1725\,\#05080e_68\%\)\] {
    background-image: radial-gradient(circle at 30% 20%, #10b98159, #0000 28%), linear-gradient(145deg, #0d1725, #05080e 68%);
  }

  .bg-\[radial-gradient\(circle_at_75\%_15\%\,rgba\(37\,99\,235\,\.20\)\,transparent_30\%\)\,radial-gradient\(circle_at_10\%_10\%\,rgba\(16\,185\,129\,\.12\)\,transparent_28\%\)\] {
    background-image: radial-gradient(circle at 75% 15%, #2563eb33, #0000 30%), radial-gradient(circle at 10% 10%, #10b9811f, #0000 28%);
  }

  .bg-\[radial-gradient\(circle_at_78\%_12\%\,rgba\(59\,130\,246\,\.21\)\,transparent_28\%\)\,radial-gradient\(circle_at_18\%_80\%\,rgba\(16\,185\,129\,\.11\)\,transparent_24\%\)\,linear-gradient\(145deg\,\#080b11_18\%\,\#0b111c_55\%\,\#070a0f_100\%\)\] {
    background-image: radial-gradient(circle at 78% 12%, #3b82f636, #0000 28%), radial-gradient(circle at 18% 80%, #10b9811c, #0000 24%), linear-gradient(145deg, #080b11 18%, #0b111c 55%, #070a0f 100%);
  }

  .bg-\[radial-gradient\(circle_at_82\%_0\%\,rgba\(64\,116\,255\,\.17\)\,transparent_27\%\)\,radial-gradient\(circle_at_13\%_96\%\,rgba\(16\,185\,129\,\.10\)\,transparent_27\%\)\] {
    background-image: radial-gradient(circle at 82% 0, #4074ff2b, #0000 27%), radial-gradient(circle at 13% 96%, #10b9811a, #0000 27%);
  }

  .from-black\/55 {
    --tw-gradient-from: #0000008c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/55 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 55%, transparent);
    }
  }

  .from-black\/55 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-cyan-400 {
    --tw-gradient-from: var(--color-cyan-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-cyan-400\/10 {
    --tw-gradient-from: #00d2ef1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-cyan-400\/10 {
      --tw-gradient-from: color-mix(in oklab, var(--color-cyan-400) 10%, transparent);
    }
  }

  .from-cyan-400\/10 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-slate-50 {
    --tw-gradient-from: var(--color-slate-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .via-slate-950 {
    --tw-gradient-via: var(--color-slate-950);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .to-emerald-300 {
    --tw-gradient-to: var(--color-emerald-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-emerald-400\/\[0\.06\] {
    --tw-gradient-to: #00d2940f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-emerald-400\/\[0\.06\] {
      --tw-gradient-to: color-mix(in oklab, var(--color-emerald-400) 6%, transparent);
    }
  }

  .to-emerald-400\/\[0\.06\] {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-slate-100 {
    --tw-gradient-to: var(--color-slate-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .\[background-size\:56px_56px\] {
    background-size: 56px 56px;
  }

  .fill-current {
    fill: currentColor;
  }

  .fill-foreground {
    fill: var(--foreground);
  }

  .fill-primary {
    fill: var(--primary);
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-7 {
    padding: calc(var(--spacing) * 7);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-10 {
    padding: calc(var(--spacing) * 10);
  }

  .p-\[3px\] {
    padding: 3px;
  }

  .p-px {
    padding: 1px;
  }

  .px-\(--cell-size\) {
    padding-inline: var(--cell-size);
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-9 {
    padding-block: calc(var(--spacing) * 9);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }

  .pt-0\.5 {
    padding-top: calc(var(--spacing) * .5);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }

  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }

  .pt-24 {
    padding-top: calc(var(--spacing) * 24);
  }

  .pt-28 {
    padding-top: calc(var(--spacing) * 28);
  }

  .pt-32 {
    padding-top: calc(var(--spacing) * 32);
  }

  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pr-7 {
    padding-right: calc(var(--spacing) * 7);
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }

  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }

  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }

  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }

  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }

  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }

  .pb-28 {
    padding-bottom: calc(var(--spacing) * 28);
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-top {
    vertical-align: top;
  }

  .font-\[\'Space_Grotesk\'\], .font-\[Space_Grotesk\] {
    font-family: Space Grotesk;
  }

  .font-mono {
    font-family: DM Mono, monospace;
  }

  .font-sans {
    font-family: Space Grotesk, sans-serif;
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-sm\/relaxed {
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[0\.8rem\] {
    font-size: .8rem;
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }

  .leading-\[\.94\] {
    --tw-leading: .94;
    line-height: .94;
  }

  .leading-\[\.95\], .leading-\[0\.95\] {
    --tw-leading: .95;
    line-height: .95;
  }

  .leading-\[1\.02\] {
    --tw-leading: 1.02;
    line-height: 1.02;
  }

  .leading-\[1\.04\] {
    --tw-leading: 1.04;
    line-height: 1.04;
  }

  .leading-\[26px\] {
    --tw-leading: 26px;
    line-height: 26px;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[-\.03em\] {
    --tw-tracking: -.03em;
    letter-spacing: -.03em;
  }

  .tracking-\[-\.04em\] {
    --tw-tracking: -.04em;
    letter-spacing: -.04em;
  }

  .tracking-\[-\.05em\] {
    --tw-tracking: -.05em;
    letter-spacing: -.05em;
  }

  .tracking-\[-\.06em\] {
    --tw-tracking: -.06em;
    letter-spacing: -.06em;
  }

  .tracking-\[-\.045em\] {
    --tw-tracking: -.045em;
    letter-spacing: -.045em;
  }

  .tracking-\[-\.055em\] {
    --tw-tracking: -.055em;
    letter-spacing: -.055em;
  }

  .tracking-\[-\.065em\] {
    --tw-tracking: -.065em;
    letter-spacing: -.065em;
  }

  .tracking-\[-0\.03em\] {
    --tw-tracking: -.03em;
    letter-spacing: -.03em;
  }

  .tracking-\[-0\.04em\] {
    --tw-tracking: -.04em;
    letter-spacing: -.04em;
  }

  .tracking-\[-0\.05em\] {
    --tw-tracking: -.05em;
    letter-spacing: -.05em;
  }

  .tracking-\[-0\.025em\] {
    --tw-tracking: -.025em;
    letter-spacing: -.025em;
  }

  .tracking-\[-0\.44px\] {
    --tw-tracking: -.44px;
    letter-spacing: -.44px;
  }

  .tracking-\[-0\.045em\] {
    --tw-tracking: -.045em;
    letter-spacing: -.045em;
  }

  .tracking-\[-0\.055em\] {
    --tw-tracking: -.055em;
    letter-spacing: -.055em;
  }

  .tracking-\[-0\.154px\] {
    --tw-tracking: -.154px;
    letter-spacing: -.154px;
  }

  .tracking-\[\.1em\] {
    --tw-tracking: .1em;
    letter-spacing: .1em;
  }

  .tracking-\[\.2em\] {
    --tw-tracking: .2em;
    letter-spacing: .2em;
  }

  .tracking-\[\.11em\] {
    --tw-tracking: .11em;
    letter-spacing: .11em;
  }

  .tracking-\[\.12em\] {
    --tw-tracking: .12em;
    letter-spacing: .12em;
  }

  .tracking-\[\.13em\] {
    --tw-tracking: .13em;
    letter-spacing: .13em;
  }

  .tracking-\[\.14em\] {
    --tw-tracking: .14em;
    letter-spacing: .14em;
  }

  .tracking-\[\.15em\] {
    --tw-tracking: .15em;
    letter-spacing: .15em;
  }

  .tracking-\[\.16em\] {
    --tw-tracking: .16em;
    letter-spacing: .16em;
  }

  .tracking-\[\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em;
  }

  .tracking-\[\.21em\] {
    --tw-tracking: .21em;
    letter-spacing: .21em;
  }

  .tracking-\[\.22em\] {
    --tw-tracking: .22em;
    letter-spacing: .22em;
  }

  .tracking-\[\.24em\] {
    --tw-tracking: .24em;
    letter-spacing: .24em;
  }

  .tracking-\[0\.1em\] {
    --tw-tracking: .1em;
    letter-spacing: .1em;
  }

  .tracking-\[0\.2em\] {
    --tw-tracking: .2em;
    letter-spacing: .2em;
  }

  .tracking-\[0\.08em\] {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }

  .tracking-\[0\.12em\] {
    --tw-tracking: .12em;
    letter-spacing: .12em;
  }

  .tracking-\[0\.13em\] {
    --tw-tracking: .13em;
    letter-spacing: .13em;
  }

  .tracking-\[0\.14em\] {
    --tw-tracking: .14em;
    letter-spacing: .14em;
  }

  .tracking-\[0\.15em\] {
    --tw-tracking: .15em;
    letter-spacing: .15em;
  }

  .tracking-\[0\.16em\] {
    --tw-tracking: .16em;
    letter-spacing: .16em;
  }

  .tracking-\[0\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em;
  }

  .tracking-\[0\.22em\] {
    --tw-tracking: .22em;
    letter-spacing: .22em;
  }

  .tracking-\[0\.24em\] {
    --tw-tracking: .24em;
    letter-spacing: .24em;
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .text-balance {
    text-wrap: balance;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .whitespace-break-spaces {
    white-space: break-spaces;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\[\#4b8dff\] {
    color: #4b8dff;
  }

  .text-\[\#6a98dc\] {
    color: #6a98dc;
  }

  .text-\[\#9fb0be\] {
    color: #9fb0be;
  }

  .text-\[\#35d69c\] {
    color: #35d69c;
  }

  .text-\[\#77b3ff\] {
    color: #77b3ff;
  }

  .text-\[\#91baff\] {
    color: #91baff;
  }

  .text-\[\#06100d\] {
    color: #06100d;
  }

  .text-\[\#34322d\] {
    color: #34322d;
  }

  .text-\[\#758494\] {
    color: #758494;
  }

  .text-\[\#858481\] {
    color: #858481;
  }

  .text-\[\#aab6c1\] {
    color: #aab6c1;
  }

  .text-\[\#b7d7cb\] {
    color: #b7d7cb;
  }

  .text-\[\#b8c7d4\] {
    color: #b8c7d4;
  }

  .text-\[\#b9d4ef\] {
    color: #b9d4ef;
  }

  .text-\[\#c7dcff\] {
    color: #c7dcff;
  }

  .text-\[\#d8e6ef\] {
    color: #d8e6ef;
  }

  .text-\[\#d8e7ff\] {
    color: #d8e7ff;
  }

  .text-\[\#eaf1f7\] {
    color: #eaf1f7;
  }

  .text-accent-foreground {
    color: var(--accent-foreground);
  }

  .text-amber-50\/80 {
    color: #fffbebcc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-amber-50\/80 {
      color: color-mix(in oklab, var(--color-amber-50) 80%, transparent);
    }
  }

  .text-amber-100 {
    color: var(--color-amber-100);
  }

  .text-amber-200 {
    color: var(--color-amber-200);
  }

  .text-amber-300 {
    color: var(--color-amber-300);
  }

  .text-background {
    color: var(--background);
  }

  .text-blue-100 {
    color: var(--color-blue-100);
  }

  .text-blue-200 {
    color: var(--color-blue-200);
  }

  .text-blue-300 {
    color: var(--color-blue-300);
  }

  .text-card-foreground {
    color: var(--card-foreground);
  }

  .text-current {
    color: currentColor;
  }

  .text-cyan-100 {
    color: var(--color-cyan-100);
  }

  .text-cyan-200 {
    color: var(--color-cyan-200);
  }

  .text-cyan-200\/70 {
    color: #a2f4fdb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-cyan-200\/70 {
      color: color-mix(in oklab, var(--color-cyan-200) 70%, transparent);
    }
  }

  .text-cyan-300 {
    color: var(--color-cyan-300);
  }

  .text-cyan-400 {
    color: var(--color-cyan-400);
  }

  .text-destructive {
    color: var(--destructive);
  }

  .text-destructive-foreground {
    color: var(--destructive-foreground);
  }

  .text-emerald-100 {
    color: var(--color-emerald-100);
  }

  .text-emerald-100\/70 {
    color: #d0fae5b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-emerald-100\/70 {
      color: color-mix(in oklab, var(--color-emerald-100) 70%, transparent);
    }
  }

  .text-emerald-200 {
    color: var(--color-emerald-200);
  }

  .text-emerald-200\/80 {
    color: #a4f4cfcc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-emerald-200\/80 {
      color: color-mix(in oklab, var(--color-emerald-200) 80%, transparent);
    }
  }

  .text-emerald-300 {
    color: var(--color-emerald-300);
  }

  .text-foreground {
    color: var(--foreground);
  }

  .text-fuchsia-100 {
    color: var(--color-fuchsia-100);
  }

  .text-fuchsia-200 {
    color: var(--color-fuchsia-200);
  }

  .text-muted-foreground {
    color: var(--muted-foreground);
  }

  .text-popover-foreground {
    color: var(--popover-foreground);
  }

  .text-primary {
    color: var(--primary);
  }

  .text-primary-foreground {
    color: var(--primary-foreground);
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-rose-100 {
    color: var(--color-rose-100);
  }

  .text-rose-200 {
    color: var(--color-rose-200);
  }

  .text-rose-300 {
    color: var(--color-rose-300);
  }

  .text-secondary-foreground {
    color: var(--secondary-foreground);
  }

  .text-sky-100 {
    color: var(--color-sky-100);
  }

  .text-slate-100 {
    color: var(--color-slate-100);
  }

  .text-slate-200 {
    color: var(--color-slate-200);
  }

  .text-slate-300 {
    color: var(--color-slate-300);
  }

  .text-slate-400 {
    color: var(--color-slate-400);
  }

  .text-slate-500 {
    color: var(--color-slate-500);
  }

  .text-slate-600 {
    color: var(--color-slate-600);
  }

  .text-slate-700 {
    color: var(--color-slate-700);
  }

  .text-slate-900 {
    color: var(--color-slate-900);
  }

  .text-slate-950 {
    color: var(--color-slate-950);
  }

  .text-violet-100 {
    color: var(--color-violet-100);
  }

  .text-violet-200 {
    color: var(--color-violet-200);
  }

  .text-violet-300 {
    color: var(--color-violet-300);
  }

  .text-white {
    color: var(--color-white);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .underline {
    text-decoration-line: underline;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .accent-emerald-400 {
    accent-color: var(--color-emerald-400);
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-20 {
    opacity: .2;
  }

  .opacity-25 {
    opacity: .25;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-75 {
    opacity: .75;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-85 {
    opacity: .85;
  }

  .opacity-90 {
    opacity: .9;
  }

  .opacity-100 {
    opacity: 1;
  }

  .mix-blend-screen {
    mix-blend-mode: screen;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_14px_rgba\(52\,211\,153\,0\.9\)\] {
    --tw-shadow: 0 0 14px var(--tw-shadow-color, #34d399e6);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_16px_rgba\(103\,232\,249\,\.95\)\] {
    --tw-shadow: 0 0 16px var(--tw-shadow-color, #67e8f9f2);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_48px_rgba\(52\,211\,153\,0\.06\)\] {
    --tw-shadow: 0 0 48px var(--tw-shadow-color, #34d3990f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_48px_rgba\(59\,130\,246\,0\.06\)\] {
    --tw-shadow: 0 0 48px var(--tw-shadow-color, #3b82f60f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_60px_rgba\(59\,130\,246\,0\.08\)\] {
    --tw-shadow: 0 0 60px var(--tw-shadow-color, #3b82f614);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_64px_rgba\(38\,100\,188\,\.12\)\] {
    --tw-shadow: 0 0 64px var(--tw-shadow-color, #2664bc1f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_16px_35px_rgba\(0\,0\,0\,0\.18\)\] {
    --tw-shadow: 0 16px 35px var(--tw-shadow-color, #0000002e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_40px_rgba\(32\,80\,190\,\.12\)\] {
    --tw-shadow: 0 18px 40px var(--tw-shadow-color, #2050be1f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_45px_rgba\(0\,0\,0\,0\.18\)\] {
    --tw-shadow: 0 18px 45px var(--tw-shadow-color, #0000002e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_70px_rgba\(0\,0\,0\,0\.22\)\] {
    --tw-shadow: 0 18px 70px var(--tw-shadow-color, #00000038);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_20px_70px_rgba\(0\,0\,0\,0\.18\)\] {
    --tw-shadow: 0 20px 70px var(--tw-shadow-color, #0000002e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_24px_70px_rgba\(1\,10\,26\,0\.42\)\] {
    --tw-shadow: 0 24px 70px var(--tw-shadow-color, #010a1a6b);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_28px_80px_rgba\(2\,10\,35\,\.5\)\] {
    --tw-shadow: 0 28px 80px var(--tw-shadow-color, #020a2380);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_4px_11px_0px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0px 4px 11px 0px var(--tw-shadow-color, #00000014);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[18px_20px_0_rgba\(30\,64\,175\,\.22\)\,0_22px_50px_rgba\(0\,0\,0\,\.55\)\] {
    --tw-shadow: 18px 20px 0 var(--tw-shadow-color, #1e40af38), 0 22px 50px var(--tw-shadow-color, #0000008c);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-black\/30 {
    --tw-shadow-color: #0000004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/30 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-blue-950\/30 {
    --tw-shadow-color: #1624564d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-blue-950\/30 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-950) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-cyan-950\/30 {
    --tw-shadow-color: #0533454d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-cyan-950\/30 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-950) 30%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .ring-ring\/50 {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-ring\/50 {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .ring-offset-background {
    --tw-ring-offset-color: var(--background);
  }

  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .outline-hidden {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .blur-3xl {
    --tw-blur: blur(var(--blur-3xl));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-2xl {
    --tw-backdrop-blur: blur(var(--blur-2xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[color\,box-shadow\] {
    transition-property: color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[left\,right\,width\] {
    transition-property: left, right, width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[margin\,opacity\] {
    transition-property: margin, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\,height\,padding\] {
    transition-property: width, height, padding;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-none {
    transition-property: none;
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-1000 {
    --tw-duration: 1s;
    transition-duration: 1s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }

  .fade-in-0 {
    --tw-enter-opacity: 0;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .zoom-in-95 {
    --tw-enter-scale: .95;
  }

  .\[--cell-size\:--spacing\(8\)\] {
    --cell-size: calc(var(--spacing) * 8);
  }

  .\[perspective\:1000px\] {
    perspective: 1000px;
  }

  .paused {
    animation-play-state: paused;
  }

  .group-open\:rotate-45:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 45deg;
  }

  .group-focus-within\:translate-y-0:is(:where(.group):focus-within *) {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-focus-within\:\[transform\:rotateY\(-2deg\)_rotateX\(0deg\)\]:is(:where(.group):focus-within *) {
    transform: rotateY(-2deg)rotateX(0);
  }

  .group-focus-within\:opacity-100:is(:where(.group):focus-within *), .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) {
    opacity: 1;
  }

  @media (hover: hover) {
    .group-hover\:-translate-x-0\.5:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * -.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-y-0:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:\[transform\:rotateY\(-2deg\)_rotateX\(0deg\)\]:is(:where(.group):hover *) {
      transform: rotateY(-2deg)rotateX(0);
    }

    .group-hover\:text-emerald-300:is(:where(.group):hover *) {
      color: var(--color-emerald-300);
    }

    .group-hover\:text-slate-300:is(:where(.group):hover *) {
      color: var(--color-slate-300);
    }

    .group-hover\:opacity-100:is(:where(.group):hover *), .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) {
      opacity: 1;
    }
  }

  .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *) {
    padding-right: calc(var(--spacing) * 8);
  }

  .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation="horizontal"]) *) {
    text-wrap: balance;
  }

  .group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot="item-description"]) *) {
    --tw-translate-y: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has([data-slot="item-description"]) *) {
    align-self: flex-start;
  }

  .group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has( > input) *) {
    padding-top: calc(var(--spacing) * 2.5);
  }

  .group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has( > input) *) {
    padding-bottom: calc(var(--spacing) * 2.5);
  }

  .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible="icon"] *) {
    margin-top: calc(var(--spacing) * -8);
  }

  .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible="icon"] *) {
    display: none;
  }

  .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--spacing) * 8) !important;
    height: calc(var(--spacing) * 8) !important;
  }

  .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"] *) {
    width: var(--sidebar-width-icon);
  }

  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--sidebar-width-icon)  + (calc(var(--spacing) * 4)));
  }

  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--sidebar-width-icon)  + (calc(var(--spacing) * 4))  + 2px);
  }

  .group-data-\[collapsible\=icon\]\:justify-center:is(:where(.group)[data-collapsible="icon"] *) {
    justify-content: center;
  }

  .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *) {
    overflow: hidden;
  }

  .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible="icon"] *) {
    padding: calc(var(--spacing) * 0) !important;
  }

  .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible="icon"] *) {
    padding: calc(var(--spacing) * 2) !important;
  }

  .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible="icon"] *) {
    opacity: 0;
  }

  .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) {
    right: calc(var(--sidebar-width) * -1);
  }

  .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) {
    left: calc(var(--sidebar-width) * -1);
  }

  .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
    width: calc(var(--spacing) * 0);
  }

  .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
    pointer-events: none;
  }

  .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *), .group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled="true"] *), .group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled="true"] *) {
    opacity: .5;
  }

  .group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused="true"] *) {
    position: relative;
  }

  .group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused="true"] *) {
    z-index: 10;
  }

  .group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused="true"] *) {
    border-color: var(--ring);
  }

  .group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused="true"] *) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"] *) {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"] *) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *) {
    right: calc(var(--spacing) * -4);
  }

  .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side="left"] *) {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *) {
    left: calc(var(--spacing) * 0);
  }

  .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side="right"] *) {
    rotate: 180deg;
  }

  .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side="right"] *) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *) {
    rotate: 180deg;
  }

  .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *) {
    border-radius: 8px;
  }

  .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant="floating"] *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant="floating"] *) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant="outline"] *) {
    margin-bottom: calc(var(--spacing) * -2);
  }

  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
    display: block;
  }

  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *), .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="top"] *) {
    text-align: center;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    top: 100%;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    overflow: hidden;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    border-radius: 4px;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    background-color: var(--popover);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    color: var(--popover-foreground);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }

  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
    opacity: .5;
  }

  .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
    top: calc(var(--spacing) * 1.5);
  }

  .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
    top: calc(var(--spacing) * 2.5);
  }

  .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
    top: calc(var(--spacing) * 1);
  }

  .marker\:hidden ::marker {
    display: none;
  }

  .marker\:hidden::marker {
    display: none;
  }

  .marker\:hidden ::-webkit-details-marker {
    display: none;
  }

  .marker\:hidden::-webkit-details-marker {
    display: none;
  }

  .selection\:bg-blue-300\/30 ::selection {
    background-color: #90c5ff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .selection\:bg-blue-300\/30 ::selection {
      background-color: color-mix(in oklab, var(--color-blue-300) 30%, transparent);
    }
  }

  .selection\:bg-blue-300\/30::selection {
    background-color: #90c5ff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .selection\:bg-blue-300\/30::selection {
      background-color: color-mix(in oklab, var(--color-blue-300) 30%, transparent);
    }
  }

  .selection\:bg-blue-400\/25 ::selection {
    background-color: #54a2ff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .selection\:bg-blue-400\/25 ::selection {
      background-color: color-mix(in oklab, var(--color-blue-400) 25%, transparent);
    }
  }

  .selection\:bg-blue-400\/25::selection {
    background-color: #54a2ff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .selection\:bg-blue-400\/25::selection {
      background-color: color-mix(in oklab, var(--color-blue-400) 25%, transparent);
    }
  }

  .selection\:bg-cyan-300\/30 ::selection {
    background-color: #53eafd4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .selection\:bg-cyan-300\/30 ::selection {
      background-color: color-mix(in oklab, var(--color-cyan-300) 30%, transparent);
    }
  }

  .selection\:bg-cyan-300\/30::selection {
    background-color: #53eafd4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .selection\:bg-cyan-300\/30::selection {
      background-color: color-mix(in oklab, var(--color-cyan-300) 30%, transparent);
    }
  }

  .selection\:bg-primary ::selection {
    background-color: var(--primary);
  }

  .selection\:bg-primary::selection {
    background-color: var(--primary);
  }

  .selection\:text-primary-foreground ::selection {
    color: var(--primary-foreground);
  }

  .selection\:text-primary-foreground::selection {
    color: var(--primary-foreground);
  }

  .file\:inline-flex::file-selector-button {
    display: inline-flex;
  }

  .file\:h-7::file-selector-button {
    height: calc(var(--spacing) * 7);
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file\:bg-transparent::file-selector-button {
    background-color: #0000;
  }

  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .file\:text-foreground::file-selector-button {
    color: var(--foreground);
  }

  .placeholder\:text-muted-foreground::placeholder {
    color: var(--muted-foreground);
  }

  .placeholder\:text-slate-500::placeholder {
    color: var(--color-slate-500);
  }

  .placeholder\:text-slate-600::placeholder {
    color: var(--color-slate-600);
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:-inset-2:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -2);
  }

  .after\:inset-y-0:after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 0);
  }

  .after\:left-1\/2:after {
    content: var(--tw-content);
    left: 50%;
  }

  .after\:w-1:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 1);
  }

  .after\:w-\[2px\]:after {
    content: var(--tw-content);
    width: 2px;
  }

  .after\:-translate-x-1\/2:after {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *):after {
    content: var(--tw-content);
    left: 100%;
  }

  .first\:rounded-l-md:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .first\:border-t-0:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .first\:border-l:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .last\:mt-0:last-child {
    margin-top: calc(var(--spacing) * 0);
  }

  .last\:rounded-r-md:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  @media (hover: hover) {
    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y: calc(var(--spacing) * -.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .hover\:-translate-y-1:hover {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .hover\:border-\[\#4b8dff\]:hover {
      border-color: #4b8dff;
    }

    .hover\:border-\[\#91baff\]\/60:hover {
      border-color: oklab(78.5845% -.0178332 -.107072 / .6);
    }

    .hover\:border-blue-300:hover {
      border-color: var(--color-blue-300);
    }

    .hover\:border-blue-300\/35:hover {
      border-color: #90c5ff59;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-blue-300\/35:hover {
        border-color: color-mix(in oklab, var(--color-blue-300) 35%, transparent);
      }
    }

    .hover\:border-blue-300\/60:hover {
      border-color: #90c5ff99;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-blue-300\/60:hover {
        border-color: color-mix(in oklab, var(--color-blue-300) 60%, transparent);
      }
    }

    .hover\:border-cyan-200\/60:hover {
      border-color: #a2f4fd99;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-cyan-200\/60:hover {
        border-color: color-mix(in oklab, var(--color-cyan-200) 60%, transparent);
      }
    }

    .hover\:border-cyan-300\/40:hover {
      border-color: #53eafd66;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-cyan-300\/40:hover {
        border-color: color-mix(in oklab, var(--color-cyan-300) 40%, transparent);
      }
    }

    .hover\:border-cyan-300\/50:hover {
      border-color: #53eafd80;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-cyan-300\/50:hover {
        border-color: color-mix(in oklab, var(--color-cyan-300) 50%, transparent);
      }
    }

    .hover\:border-cyan-300\/60:hover {
      border-color: #53eafd99;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-cyan-300\/60:hover {
        border-color: color-mix(in oklab, var(--color-cyan-300) 60%, transparent);
      }
    }

    .hover\:border-emerald-200:hover {
      border-color: var(--color-emerald-200);
    }

    .hover\:border-emerald-200\/60:hover {
      border-color: #a4f4cf99;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-emerald-200\/60:hover {
        border-color: color-mix(in oklab, var(--color-emerald-200) 60%, transparent);
      }
    }

    .hover\:border-emerald-300:hover {
      border-color: var(--color-emerald-300);
    }

    .hover\:border-emerald-300\/60:hover {
      border-color: #5ee9b599;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-emerald-300\/60:hover {
        border-color: color-mix(in oklab, var(--color-emerald-300) 60%, transparent);
      }
    }

    .hover\:border-emerald-300\/70:hover {
      border-color: #5ee9b5b3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-emerald-300\/70:hover {
        border-color: color-mix(in oklab, var(--color-emerald-300) 70%, transparent);
      }
    }

    .hover\:border-rose-200\/60:hover {
      border-color: #ffccd399;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-rose-200\/60:hover {
        border-color: color-mix(in oklab, var(--color-rose-200) 60%, transparent);
      }
    }

    .hover\:border-violet-200\/60:hover {
      border-color: #ddd6ff99;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-violet-200\/60:hover {
        border-color: color-mix(in oklab, var(--color-violet-200) 60%, transparent);
      }
    }

    .hover\:border-violet-300\/40:hover {
      border-color: #c4b4ff66;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-violet-300\/40:hover {
        border-color: color-mix(in oklab, var(--color-violet-300) 40%, transparent);
      }
    }

    .hover\:border-white\/25:hover {
      border-color: #ffffff40;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-white\/25:hover {
        border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
      }
    }

    .hover\:border-white\/30:hover {
      border-color: #ffffff4d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-white\/30:hover {
        border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
      }
    }

    .hover\:border-white\/35:hover {
      border-color: #ffffff59;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-white\/35:hover {
        border-color: color-mix(in oklab, var(--color-white) 35%, transparent);
      }
    }

    .hover\:border-white\/40:hover {
      border-color: #fff6;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-white\/40:hover {
        border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
      }
    }

    .hover\:bg-\[\#1a1a19\]\/90:hover {
      background-color: oklab(21.7386% -.000547238 .00184049 / .9);
    }

    .hover\:bg-\[\#4b8dff\]\/15:hover {
      background-color: oklab(65.7445% -.0300412 -.18002 / .15);
    }

    .hover\:bg-accent:hover, .hover\:bg-accent\/50:hover {
      background-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent\/50:hover {
        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
      }
    }

    .hover\:bg-amber-100:hover {
      background-color: var(--color-amber-100);
    }

    .hover\:bg-amber-300\/10:hover {
      background-color: #ffd2361a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-amber-300\/10:hover {
        background-color: color-mix(in oklab, var(--color-amber-300) 10%, transparent);
      }
    }

    .hover\:bg-blue-200:hover {
      background-color: var(--color-blue-200);
    }

    .hover\:bg-blue-300:hover {
      background-color: var(--color-blue-300);
    }

    .hover\:bg-blue-300\/\[\.035\]:hover {
      background-color: #90c5ff09;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-blue-300\/\[\.035\]:hover {
        background-color: color-mix(in oklab, var(--color-blue-300) 3.5%, transparent);
      }
    }

    .hover\:bg-blue-400:hover {
      background-color: var(--color-blue-400);
    }

    .hover\:bg-blue-700:hover {
      background-color: var(--color-blue-700);
    }

    .hover\:bg-cyan-200:hover {
      background-color: var(--color-cyan-200);
    }

    .hover\:bg-cyan-300:hover {
      background-color: var(--color-cyan-300);
    }

    .hover\:bg-cyan-300\/10:hover {
      background-color: #53eafd1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-cyan-300\/10:hover {
        background-color: color-mix(in oklab, var(--color-cyan-300) 10%, transparent);
      }
    }

    .hover\:bg-cyan-300\/\[0\.07\]:hover {
      background-color: #53eafd12;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-cyan-300\/\[0\.07\]:hover {
        background-color: color-mix(in oklab, var(--color-cyan-300) 7.0%, transparent);
      }
    }

    .hover\:bg-cyan-300\/\[0\.08\]:hover {
      background-color: #53eafd14;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-cyan-300\/\[0\.08\]:hover {
        background-color: color-mix(in oklab, var(--color-cyan-300) 8%, transparent);
      }
    }

    .hover\:bg-cyan-400\/15:hover {
      background-color: #00d2ef26;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-cyan-400\/15:hover {
        background-color: color-mix(in oklab, var(--color-cyan-400) 15%, transparent);
      }
    }

    .hover\:bg-destructive\/90:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/90:hover {
        background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
      }
    }

    .hover\:bg-emerald-100:hover {
      background-color: var(--color-emerald-100);
    }

    .hover\:bg-emerald-200:hover {
      background-color: var(--color-emerald-200);
    }

    .hover\:bg-emerald-300:hover {
      background-color: var(--color-emerald-300);
    }

    .hover\:bg-emerald-300\/10:hover {
      background-color: #5ee9b51a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-emerald-300\/10:hover {
        background-color: color-mix(in oklab, var(--color-emerald-300) 10%, transparent);
      }
    }

    .hover\:bg-emerald-300\/\[0\.08\]:hover {
      background-color: #5ee9b514;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-emerald-300\/\[0\.08\]:hover {
        background-color: color-mix(in oklab, var(--color-emerald-300) 8%, transparent);
      }
    }

    .hover\:bg-emerald-400\/25:hover {
      background-color: #00d29440;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-emerald-400\/25:hover {
        background-color: color-mix(in oklab, var(--color-emerald-400) 25%, transparent);
      }
    }

    .hover\:bg-fuchsia-300\/20:hover {
      background-color: #f2a9ff33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-fuchsia-300\/20:hover {
        background-color: color-mix(in oklab, var(--color-fuchsia-300) 20%, transparent);
      }
    }

    .hover\:bg-muted:hover, .hover\:bg-muted\/50:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/50:hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }

    .hover\:bg-primary\/20:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/20:hover {
        background-color: color-mix(in oklab, var(--primary) 20%, transparent);
      }
    }

    .hover\:bg-primary\/90:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/90:hover {
        background-color: color-mix(in oklab, var(--primary) 90%, transparent);
      }
    }

    .hover\:bg-rose-300\/10:hover {
      background-color: #ffa2ae1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-rose-300\/10:hover {
        background-color: color-mix(in oklab, var(--color-rose-300) 10%, transparent);
      }
    }

    .hover\:bg-rose-300\/\[0\.08\]:hover {
      background-color: #ffa2ae14;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-rose-300\/\[0\.08\]:hover {
        background-color: color-mix(in oklab, var(--color-rose-300) 8%, transparent);
      }
    }

    .hover\:bg-rose-400\/20:hover {
      background-color: #ff667f33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-rose-400\/20:hover {
        background-color: color-mix(in oklab, var(--color-rose-400) 20%, transparent);
      }
    }

    .hover\:bg-secondary\/80:hover {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-secondary\/80:hover {
        background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
      }
    }

    .hover\:bg-violet-300\/10:hover {
      background-color: #c4b4ff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-violet-300\/10:hover {
        background-color: color-mix(in oklab, var(--color-violet-300) 10%, transparent);
      }
    }

    .hover\:bg-violet-300\/20:hover {
      background-color: #c4b4ff33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-violet-300\/20:hover {
        background-color: color-mix(in oklab, var(--color-violet-300) 20%, transparent);
      }
    }

    .hover\:bg-violet-300\/\[0\.04\]:hover {
      background-color: #c4b4ff0a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-violet-300\/\[0\.04\]:hover {
        background-color: color-mix(in oklab, var(--color-violet-300) 4%, transparent);
      }
    }

    .hover\:bg-white\/5:hover {
      background-color: #ffffff0d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/5:hover {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }

    .hover\:bg-white\/20:hover {
      background-color: #fff3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/20:hover {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }

    .hover\:bg-white\/35:hover {
      background-color: #ffffff59;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/35:hover {
        background-color: color-mix(in oklab, var(--color-white) 35%, transparent);
      }
    }

    .hover\:bg-white\/\[\.04\]:hover {
      background-color: #ffffff0a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[\.04\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
      }
    }

    .hover\:bg-white\/\[0\.03\]:hover {
      background-color: #ffffff08;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.03\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
      }
    }

    .hover\:text-accent-foreground:hover {
      color: var(--accent-foreground);
    }

    .hover\:text-blue-100:hover {
      color: var(--color-blue-100);
    }

    .hover\:text-blue-200:hover {
      color: var(--color-blue-200);
    }

    .hover\:text-cyan-100:hover {
      color: var(--color-cyan-100);
    }

    .hover\:text-cyan-200:hover {
      color: var(--color-cyan-200);
    }

    .hover\:text-emerald-100:hover {
      color: var(--color-emerald-100);
    }

    .hover\:text-foreground:hover {
      color: var(--foreground);
    }

    .hover\:text-muted-foreground:hover {
      color: var(--muted-foreground);
    }

    .hover\:text-white:hover {
      color: var(--color-white);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:opacity-90:hover {
      opacity: .9;
    }

    .hover\:opacity-100:hover {
      opacity: 1;
    }

    .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-lg:hover {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-xl:hover {
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:ring-4:hover {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .focus\:z-10:focus {
    z-index: 10;
  }

  .focus\:border-blue-300\/60:focus {
    border-color: #90c5ff99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:border-blue-300\/60:focus {
      border-color: color-mix(in oklab, var(--color-blue-300) 60%, transparent);
    }
  }

  .focus\:border-cyan-300\/50:focus {
    border-color: #53eafd80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:border-cyan-300\/50:focus {
      border-color: color-mix(in oklab, var(--color-cyan-300) 50%, transparent);
    }
  }

  .focus\:border-cyan-300\/60:focus {
    border-color: #53eafd99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:border-cyan-300\/60:focus {
      border-color: color-mix(in oklab, var(--color-cyan-300) 60%, transparent);
    }
  }

  .focus\:border-cyan-400\/50:focus {
    border-color: #00d2ef80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:border-cyan-400\/50:focus {
      border-color: color-mix(in oklab, var(--color-cyan-400) 50%, transparent);
    }
  }

  .focus\:border-emerald-300:focus {
    border-color: var(--color-emerald-300);
  }

  .focus\:border-emerald-300\/60:focus {
    border-color: #5ee9b599;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:border-emerald-300\/60:focus {
      border-color: color-mix(in oklab, var(--color-emerald-300) 60%, transparent);
    }
  }

  .focus\:border-fuchsia-300\/50:focus {
    border-color: #f2a9ff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:border-fuchsia-300\/50:focus {
      border-color: color-mix(in oklab, var(--color-fuchsia-300) 50%, transparent);
    }
  }

  .focus\:border-violet-400\/50:focus {
    border-color: #a685ff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:border-violet-400\/50:focus {
      border-color: color-mix(in oklab, var(--color-violet-400) 50%, transparent);
    }
  }

  .focus\:bg-accent:focus {
    background-color: var(--accent);
  }

  .focus\:text-accent-foreground:focus {
    color: var(--accent-foreground);
  }

  .focus\:text-destructive:focus {
    color: var(--destructive);
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-blue-300\/15:focus {
    --tw-ring-color: #90c5ff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-blue-300\/15:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-300) 15%, transparent);
    }
  }

  .focus\:ring-cyan-300\/10:focus {
    --tw-ring-color: #53eafd1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-cyan-300\/10:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-cyan-300) 10%, transparent);
    }
  }

  .focus\:ring-cyan-300\/15:focus {
    --tw-ring-color: #53eafd26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-cyan-300\/15:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-cyan-300) 15%, transparent);
    }
  }

  .focus\:ring-cyan-400\/10:focus {
    --tw-ring-color: #00d2ef1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-cyan-400\/10:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-cyan-400) 10%, transparent);
    }
  }

  .focus\:ring-emerald-300\/15:focus {
    --tw-ring-color: #5ee9b526;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-emerald-300\/15:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-300) 15%, transparent);
    }
  }

  .focus\:ring-emerald-300\/30:focus {
    --tw-ring-color: #5ee9b54d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-emerald-300\/30:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-300) 30%, transparent);
    }
  }

  .focus\:ring-ring:focus {
    --tw-ring-color: var(--ring);
  }

  .focus\:ring-violet-400\/10:focus {
    --tw-ring-color: #a685ff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-violet-400\/10:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-violet-400) 10%, transparent);
    }
  }

  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus\:outline-hidden:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .focus\:outline-hidden:focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:z-10:focus-visible {
    z-index: 10;
  }

  .focus-visible\:border-ring:focus-visible {
    border-color: var(--ring);
  }

  .focus-visible\:ring-0:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-1:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-4:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-blue-200:focus-visible {
    --tw-ring-color: var(--color-blue-200);
  }

  .focus-visible\:ring-blue-300:focus-visible {
    --tw-ring-color: var(--color-blue-300);
  }

  .focus-visible\:ring-blue-400:focus-visible {
    --tw-ring-color: var(--color-blue-400);
  }

  .focus-visible\:ring-cyan-200:focus-visible {
    --tw-ring-color: var(--color-cyan-200);
  }

  .focus-visible\:ring-cyan-300:focus-visible {
    --tw-ring-color: var(--color-cyan-300);
  }

  .focus-visible\:ring-destructive\/20:focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-destructive\/20:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .focus-visible\:ring-emerald-200:focus-visible {
    --tw-ring-color: var(--color-emerald-200);
  }

  .focus-visible\:ring-emerald-300:focus-visible {
    --tw-ring-color: var(--color-emerald-300);
  }

  .focus-visible\:ring-ring:focus-visible, .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-ring\/50:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .focus-visible\:ring-offset-1:focus-visible {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:ring-offset-\[\#05070d\]:focus-visible {
    --tw-ring-offset-color: #05070d;
  }

  .focus-visible\:outline-hidden:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .focus-visible\:outline-hidden:focus-visible {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .focus-visible\:outline-1:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus-visible\:outline-ring:focus-visible {
    outline-color: var(--ring);
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:opacity-45:disabled {
    opacity: .45;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-55:disabled {
    opacity: .55;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  :where([data-side="left"]) .in-data-\[side\=left\]\:cursor-w-resize {
    cursor: w-resize;
  }

  :where([data-side="right"]) .in-data-\[side\=right\]\:cursor-e-resize {
    cursor: e-resize;
  }

  .has-focus\:border-ring:has(:focus) {
    border-color: var(--ring);
  }

  .has-focus\:ring-\[3px\]:has(:focus) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .has-focus\:ring-ring\/50:has(:focus) {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-focus\:ring-ring\/50:has(:focus) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .has-disabled\:opacity-50:has(:disabled) {
    opacity: .5;
  }

  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) {
    grid-template-columns: 1fr auto;
  }

  .has-data-\[state\=checked\]\:border-primary:has([data-state="checked"]) {
    border-color: var(--primary);
  }

  .has-data-\[state\=checked\]\:bg-primary\/5:has([data-state="checked"]) {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-data-\[state\=checked\]\:bg-primary\/5:has([data-state="checked"]) {
      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }

  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot="input-group-control"]:focus-visible) {
    border-color: var(--ring);
  }

  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot="input-group-control"]:focus-visible) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot="input-group-control"]:focus-visible) {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot="input-group-control"]:focus-visible) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid="true"]) {
    border-color: var(--destructive);
  }

  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid="true"]) {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid="true"]) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .has-\[\>\[data-align\=block-end\]\]\:h-auto:has( > [data-align="block-end"]) {
    height: auto;
  }

  .has-\[\>\[data-align\=block-end\]\]\:flex-col:has( > [data-align="block-end"]) {
    flex-direction: column;
  }

  .has-\[\>\[data-align\=block-start\]\]\:h-auto:has( > [data-align="block-start"]) {
    height: auto;
  }

  .has-\[\>\[data-align\=block-start\]\]\:flex-col:has( > [data-align="block-start"]) {
    flex-direction: column;
  }

  .has-\[\>\[data-slot\=button-group\]\]\:gap-2:has( > [data-slot="button-group"]) {
    gap: calc(var(--spacing) * 2);
  }

  .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has( > [data-slot="checkbox-group"]) {
    gap: calc(var(--spacing) * 3);
  }

  .has-\[\>\[data-slot\=field-content\]\]\:items-start:has( > [data-slot="field-content"]) {
    align-items: flex-start;
  }

  .has-\[\>\[data-slot\=field\]\]\:w-full:has( > [data-slot="field"]) {
    width: 100%;
  }

  .has-\[\>\[data-slot\=field\]\]\:flex-col:has( > [data-slot="field"]) {
    flex-direction: column;
  }

  .has-\[\>\[data-slot\=field\]\]\:rounded-md:has( > [data-slot="field"]) {
    border-radius: 4px;
  }

  .has-\[\>\[data-slot\=field\]\]\:border:has( > [data-slot="field"]) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has( > [data-slot="radio-group"]) {
    gap: calc(var(--spacing) * 3);
  }

  .has-\[\>button\]\:mr-\[-0\.45rem\]:has( > button) {
    margin-right: -.45rem;
  }

  .has-\[\>button\]\:ml-\[-0\.45rem\]:has( > button) {
    margin-left: -.45rem;
  }

  .has-\[\>kbd\]\:mr-\[-0\.35rem\]:has( > kbd) {
    margin-right: -.35rem;
  }

  .has-\[\>kbd\]\:ml-\[-0\.35rem\]:has( > kbd) {
    margin-left: -.35rem;
  }

  .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has( > svg) {
    grid-template-columns: calc(var(--spacing) * 4) 1fr;
  }

  .has-\[\>svg\]\:gap-x-3:has( > svg) {
    column-gap: calc(var(--spacing) * 3);
  }

  .has-\[\>svg\]\:p-0:has( > svg) {
    padding: calc(var(--spacing) * 0);
  }

  .has-\[\>svg\]\:px-2:has( > svg) {
    padding-inline: calc(var(--spacing) * 2);
  }

  .has-\[\>svg\]\:px-2\.5:has( > svg) {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .has-\[\>svg\]\:px-3:has( > svg) {
    padding-inline: calc(var(--spacing) * 3);
  }

  .has-\[\>svg\]\:px-4:has( > svg) {
    padding-inline: calc(var(--spacing) * 4);
  }

  .has-\[\>textarea\]\:h-auto:has( > textarea) {
    height: auto;
  }

  .aria-disabled\:pointer-events-none[aria-disabled="true"] {
    pointer-events: none;
  }

  .aria-disabled\:opacity-50[aria-disabled="true"] {
    opacity: .5;
  }

  .aria-invalid\:border-destructive[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .aria-selected\:text-muted-foreground[aria-selected="true"] {
    color: var(--muted-foreground);
  }

  .data-\[active\=true\]\:z-10[data-active="true"] {
    z-index: 10;
  }

  .data-\[active\=true\]\:border-ring[data-active="true"] {
    border-color: var(--ring);
  }

  .data-\[active\=true\]\:bg-accent\/50[data-active="true"] {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[active\=true\]\:bg-accent\/50[data-active="true"] {
      background-color: color-mix(in oklab, var(--accent) 50%, transparent);
    }
  }

  .data-\[active\=true\]\:font-medium[data-active="true"] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .data-\[active\=true\]\:text-accent-foreground[data-active="true"] {
    color: var(--accent-foreground);
  }

  .data-\[active\=true\]\:ring-\[3px\][data-active="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[active\=true\]\:ring-ring\/50[data-active="true"] {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[active\=true\]\:ring-ring\/50[data-active="true"] {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  @media (hover: hover) {
    .data-\[active\=true\]\:hover\:bg-accent[data-active="true"]:hover {
      background-color: var(--accent);
    }
  }

  .data-\[active\=true\]\:focus\:bg-accent[data-active="true"]:focus {
    background-color: var(--accent);
  }

  .data-\[active\=true\]\:aria-invalid\:border-destructive[data-active="true"][aria-invalid="true"] {
    border-color: var(--destructive);
  }

  .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active="true"][aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active="true"][aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }

  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5;
  }

  .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
    pointer-events: none;
  }

  .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
    opacity: .5;
  }

  .data-\[error\=true\]\:text-destructive[data-error="true"] {
    color: var(--destructive);
  }

  .data-\[inset\]\:pl-8[data-inset] {
    padding-left: calc(var(--spacing) * 8);
  }

  .data-\[invalid\=true\]\:text-destructive[data-invalid="true"] {
    color: var(--destructive);
  }

  .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] {
    --tw-enter-translate-x: calc(52 * var(--spacing));
  }

  .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] {
    --tw-enter-translate-x: calc(52 * var(--spacing) * -1);
  }

  .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] {
    --tw-exit-translate-x: calc(52 * var(--spacing));
  }

  .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] {
    --tw-exit-translate-x: calc(52 * var(--spacing) * -1);
  }

  .data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] {
    --tw-enter-opacity: 0;
  }

  .data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"] {
    --tw-exit-opacity: 0;
  }

  .data-\[orientation\=horizontal\]\:h-1\.5[data-orientation="horizontal"] {
    height: calc(var(--spacing) * 1.5);
  }

  .data-\[orientation\=horizontal\]\:h-full[data-orientation="horizontal"] {
    height: 100%;
  }

  .data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] {
    height: 1px;
  }

  .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] {
    width: 100%;
  }

  .data-\[orientation\=vertical\]\:h-auto[data-orientation="vertical"] {
    height: auto;
  }

  .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] {
    height: 100%;
  }

  .data-\[orientation\=vertical\]\:min-h-44[data-orientation="vertical"] {
    min-height: calc(var(--spacing) * 44);
  }

  .data-\[orientation\=vertical\]\:w-1\.5[data-orientation="vertical"] {
    width: calc(var(--spacing) * 1.5);
  }

  .data-\[orientation\=vertical\]\:w-auto[data-orientation="vertical"] {
    width: auto;
  }

  .data-\[orientation\=vertical\]\:w-full[data-orientation="vertical"] {
    width: 100%;
  }

  .data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"] {
    width: 1px;
  }

  .data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"] {
    flex-direction: column;
  }

  .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"] {
    height: 1px;
  }

  .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"] {
    width: 100%;
  }

  .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"] {
    flex-direction: column;
  }

  .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 1);
  }

  .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]:after {
    content: var(--tw-content);
    width: 100%;
  }

  .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]:after {
    content: var(--tw-content);
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]:after {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
    color: var(--muted-foreground);
  }

  .data-\[range-end\=true\]\:rounded-md[data-range-end="true"] {
    border-radius: 4px;
  }

  .data-\[range-end\=true\]\:rounded-r-md[data-range-end="true"] {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .data-\[range-end\=true\]\:bg-primary[data-range-end="true"] {
    background-color: var(--primary);
  }

  .data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"] {
    color: var(--primary-foreground);
  }

  .data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] {
    border-radius: 0;
  }

  .data-\[range-middle\=true\]\:bg-accent[data-range-middle="true"] {
    background-color: var(--accent);
  }

  .data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle="true"] {
    color: var(--accent-foreground);
  }

  .data-\[range-start\=true\]\:rounded-md[data-range-start="true"] {
    border-radius: 4px;
  }

  .data-\[range-start\=true\]\:rounded-l-md[data-range-start="true"] {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .data-\[range-start\=true\]\:bg-primary[data-range-start="true"] {
    background-color: var(--primary);
  }

  .data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"] {
    color: var(--primary-foreground);
  }

  .data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"] {
    background-color: var(--primary);
  }

  .data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single="true"] {
    color: var(--primary-foreground);
  }

  .data-\[selected\=true\]\:rounded-none[data-selected="true"] {
    border-radius: 0;
  }

  .data-\[selected\=true\]\:bg-accent[data-selected="true"] {
    background-color: var(--accent);
  }

  .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] {
    color: var(--accent-foreground);
  }

  .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
    --tw-translate-y: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
    --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
  }

  .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  .data-\[side\=right\]\:translate-x-1[data-side="right"] {
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
    --tw-enter-translate-y: calc(2 * var(--spacing));
  }

  .data-\[size\=default\]\:h-9[data-size="default"] {
    height: calc(var(--spacing) * 9);
  }

  .data-\[size\=sm\]\:h-8[data-size="sm"] {
    height: calc(var(--spacing) * 8);
  }

  :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90 > *)[data-slot="alert-description"] {
    color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90 > *)[data-slot="alert-description"] {
      color: color-mix(in oklab, var(--destructive) 90%, transparent);
    }
  }

  .data-\[slot\=checkbox-group\]\:gap-3[data-slot="checkbox-group"] {
    gap: calc(var(--spacing) * 3);
  }

  :is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot="command-input-wrapper"] {
    height: calc(var(--spacing) * 12);
  }

  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot="navigation-menu-link"]:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot="navigation-menu-link"]:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
    display: flex;
  }

  :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
    align-items: center;
  }

  :is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"] {
    gap: calc(var(--spacing) * 2);
  }

  .data-\[state\=active\]\:bg-background[data-state="active"] {
    background-color: var(--background);
  }

  .data-\[state\=active\]\:shadow-sm[data-state="active"] {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state="checked"] {
    --tw-translate-x: calc(100% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[state\=checked\]\:border-primary[data-state="checked"] {
    border-color: var(--primary);
  }

  .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
    background-color: var(--primary);
  }

  .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
    color: var(--primary-foreground);
  }

  .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
    animation: accordion-up var(--tw-animation-duration, var(--tw-duration, .2s)) var(--tw-ease, ease-out) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=closed\]\:animate-out[data-state="closed"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=closed\]\:duration-300[data-state="closed"] {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
    --tw-exit-opacity: 0;
  }

  .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
    --tw-exit-scale: .95;
  }

  .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
    --tw-exit-translate-y: 100%;
  }

  .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
    --tw-exit-translate-x: -100%;
  }

  .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
    --tw-exit-translate-x: 100%;
  }

  .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
    --tw-exit-translate-y: -100%;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] {
    --tw-exit-opacity: 0;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] {
    --tw-exit-scale: .95;
  }

  .data-\[state\=hidden\]\:animate-out[data-state="hidden"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=hidden\]\:fade-out[data-state="hidden"] {
    --tw-exit-opacity: 0;
  }

  .data-\[state\=on\]\:bg-accent[data-state="on"] {
    background-color: var(--accent);
  }

  .data-\[state\=on\]\:text-accent-foreground[data-state="on"] {
    color: var(--accent-foreground);
  }

  .data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
    animation: accordion-down var(--tw-animation-duration, var(--tw-duration, .2s)) var(--tw-ease, ease-out) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=open\]\:animate-in[data-state="open"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=open\]\:bg-accent[data-state="open"], .data-\[state\=open\]\:bg-accent\/50[data-state="open"] {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=open\]\:bg-accent\/50[data-state="open"] {
      background-color: color-mix(in oklab, var(--accent) 50%, transparent);
    }
  }

  .data-\[state\=open\]\:bg-secondary[data-state="open"] {
    background-color: var(--secondary);
  }

  .data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
    color: var(--accent-foreground);
  }

  .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
    color: var(--muted-foreground);
  }

  .data-\[state\=open\]\:opacity-100[data-state="open"] {
    opacity: 1;
  }

  .data-\[state\=open\]\:duration-500[data-state="open"] {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .data-\[state\=open\]\:fade-in-0[data-state="open"] {
    --tw-enter-opacity: 0;
  }

  .data-\[state\=open\]\:zoom-in-90[data-state="open"] {
    --tw-enter-scale: .9;
  }

  .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
    --tw-enter-scale: .95;
  }

  .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
    --tw-enter-translate-y: 100%;
  }

  .data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
    --tw-enter-translate-x: -100%;
  }

  .data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
    --tw-enter-translate-x: 100%;
  }

  .data-\[state\=open\]\:slide-in-from-top[data-state="open"] {
    --tw-enter-translate-y: -100%;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"] {
    --tw-enter-opacity: 0;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"] {
    --tw-enter-scale: .95;
  }

  @media (hover: hover) {
    .data-\[state\=open\]\:hover\:bg-accent[data-state="open"]:hover {
      background-color: var(--accent);
    }
  }

  .data-\[state\=open\]\:focus\:bg-accent[data-state="open"]:focus {
    background-color: var(--accent);
  }

  .data-\[state\=selected\]\:bg-muted[data-state="selected"] {
    background-color: var(--muted);
  }

  .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
    background-color: var(--input);
  }

  .data-\[state\=visible\]\:animate-in[data-state="visible"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=visible\]\:fade-in[data-state="visible"] {
    --tw-enter-opacity: 0;
  }

  .data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
    color: var(--destructive);
  }

  .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
    color: var(--destructive);
  }

  .data-\[variant\=label\]\:text-sm[data-variant="label"] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .data-\[variant\=legend\]\:text-base[data-variant="legend"] {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .data-\[variant\=outline\]\:border-l-0[data-variant="outline"] {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .data-\[variant\=outline\]\:shadow-xs[data-variant="outline"] {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[variant\=outline\]\:first\:border-l[data-variant="outline"]:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction="bottom"] {
    inset-inline: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction="bottom"] {
    bottom: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction="bottom"] {
    margin-top: calc(var(--spacing) * 24);
  }

  .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction="bottom"] {
    max-height: 80vh;
  }

  .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction="bottom"] {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }

  .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction="bottom"] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction="left"] {
    inset-block: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction="left"] {
    left: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction="left"] {
    width: 75%;
  }

  .data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction="left"] {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction="right"] {
    inset-block: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction="right"] {
    right: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction="right"] {
    width: 75%;
  }

  .data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction="right"] {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction="top"] {
    inset-inline: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction="top"] {
    top: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction="top"] {
    margin-bottom: calc(var(--spacing) * 24);
  }

  .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction="top"] {
    max-height: 80vh;
  }

  .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction="top"] {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }

  .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction="top"] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .nth-last-2\:-mt-1:nth-last-child(2) {
    margin-top: calc(var(--spacing) * -1);
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    .supports-\[backdrop-filter\]\:backdrop-blur {
      --tw-backdrop-blur: blur(8px);
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:transform-none {
      transform: none;
    }

    .motion-reduce\:transition-none {
      transition-property: none;
    }
  }

  @media (min-width: 40rem) {
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .sm\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .sm\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }

    .sm\:block {
      display: block;
    }

    .sm\:flex {
      display: flex;
    }

    .sm\:grid {
      display: grid;
    }

    .sm\:w-64 {
      width: calc(var(--spacing) * 64);
    }

    .sm\:max-w-lg {
      max-width: var(--container-lg);
    }

    .sm\:max-w-sm {
      max-width: var(--container-sm);
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:grid-cols-\[\.7fr_1\.3fr\] {
      grid-template-columns: .7fr 1.3fr;
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:items-center {
      align-items: center;
    }

    .sm\:items-end {
      align-items: flex-end;
    }

    .sm\:items-start {
      align-items: flex-start;
    }

    .sm\:justify-between {
      justify-content: space-between;
    }

    .sm\:justify-end {
      justify-content: flex-end;
    }

    .sm\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }

    .sm\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }

    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .sm\:py-14 {
      padding-block: calc(var(--spacing) * 14);
    }

    .sm\:pr-2\.5 {
      padding-right: calc(var(--spacing) * 2.5);
    }

    .sm\:pl-2\.5 {
      padding-left: calc(var(--spacing) * 2.5);
    }

    .sm\:text-left {
      text-align: left;
    }

    .sm\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .sm\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .sm\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }

    .sm\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }

    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .sm\:leading-8 {
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
    }

    .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction="left"], .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction="right"] {
      max-width: var(--container-sm);
    }
  }

  @media (min-width: 48rem) {
    .md\:absolute {
      position: absolute;
    }

    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .md\:block {
      display: block;
    }

    .md\:flex {
      display: flex;
    }

    .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
      width: var(--radix-navigation-menu-viewport-width);
    }

    .md\:w-auto {
      width: auto;
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .md\:grid-cols-\[\.8fr_1\.2fr\] {
      grid-template-columns: .8fr 1.2fr;
    }

    .md\:grid-cols-\[1\.35fr_\.65fr\] {
      grid-template-columns: 1.35fr .65fr;
    }

    .md\:grid-cols-\[1fr_1fr_auto\] {
      grid-template-columns: 1fr 1fr auto;
    }

    .md\:grid-cols-\[1fr_auto\] {
      grid-template-columns: 1fr auto;
    }

    .md\:grid-cols-\[1fr_auto_auto\] {
      grid-template-columns: 1fr auto auto;
    }

    .md\:grid-cols-\[auto_1fr\] {
      grid-template-columns: auto 1fr;
    }

    .md\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0, 1fr) auto;
    }

    .md\:grid-cols-\[minmax\(0\,280px\)_1fr\] {
      grid-template-columns: minmax(0, 280px) 1fr;
    }

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:items-end {
      align-items: flex-end;
    }

    .md\:items-start {
      align-items: flex-start;
    }

    .md\:justify-between {
      justify-content: space-between;
    }

    .md\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }

    .md\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .md\:p-7 {
      padding: calc(var(--spacing) * 7);
    }

    .md\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .md\:p-10 {
      padding: calc(var(--spacing) * 10);
    }

    .md\:p-12 {
      padding: calc(var(--spacing) * 12);
    }

    .md\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .md\:py-14 {
      padding-block: calc(var(--spacing) * 14);
    }

    .md\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }

    .md\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }

    .md\:pt-14 {
      padding-top: calc(var(--spacing) * 14);
    }

    .md\:pb-28 {
      padding-bottom: calc(var(--spacing) * 28);
    }

    .md\:text-left {
      text-align: left;
    }

    .md\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .md\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .md\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }

    .md\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }

    .md\:text-7xl {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }

    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .md\:opacity-0 {
      opacity: 0;
    }

    .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant="inset"] ~ *) {
      margin: calc(var(--spacing) * 2);
    }

    .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant="inset"] ~ *) {
      margin-left: calc(var(--spacing) * 0);
    }

    .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant="inset"] ~ *) {
      border-radius: var(--radius-xl);
    }

    .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant="inset"] ~ *) {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant="inset"] ~ *):is(:where(.peer)[data-state="collapsed"] ~ *) {
      margin-left: calc(var(--spacing) * 2);
    }

    .md\:after\:hidden:after {
      content: var(--tw-content);
      display: none;
    }
  }

  @media (min-width: 64rem) {
    .lg\:sticky {
      position: sticky;
    }

    .lg\:top-6 {
      top: calc(var(--spacing) * 6);
    }

    .lg\:flex {
      display: flex;
    }

    .lg\:h-fit {
      height: fit-content;
    }

    .lg\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[\.7fr_1\.3fr\] {
      grid-template-columns: .7fr 1.3fr;
    }

    .lg\:grid-cols-\[\.9fr_1\.1fr\] {
      grid-template-columns: .9fr 1.1fr;
    }

    .lg\:grid-cols-\[\.34fr_\.66fr\] {
      grid-template-columns: .34fr .66fr;
    }

    .lg\:grid-cols-\[0\.9fr_1\.1fr\] {
      grid-template-columns: .9fr 1.1fr;
    }

    .lg\:grid-cols-\[0\.92fr_1\.08fr\] {
      grid-template-columns: .92fr 1.08fr;
    }

    .lg\:grid-cols-\[1\.1fr_\.9fr\] {
      grid-template-columns: 1.1fr .9fr;
    }

    .lg\:grid-cols-\[1\.2fr_\.8fr\], .lg\:grid-cols-\[1\.2fr_0\.8fr\] {
      grid-template-columns: 1.2fr .8fr;
    }

    .lg\:grid-cols-\[1\.05fr_\.95fr\] {
      grid-template-columns: 1.05fr .95fr;
    }

    .lg\:grid-cols-\[1\.08fr_\.92fr\] {
      grid-template-columns: 1.08fr .92fr;
    }

    .lg\:grid-cols-\[1\.15fr_\.85fr\] {
      grid-template-columns: 1.15fr .85fr;
    }

    .lg\:grid-cols-\[1\.16fr_\.84fr\] {
      grid-template-columns: 1.16fr .84fr;
    }

    .lg\:grid-cols-\[1\.25fr_\.75fr\], .lg\:grid-cols-\[1\.25fr_0\.75fr\] {
      grid-template-columns: 1.25fr .75fr;
    }

    .lg\:grid-cols-\[1fr_auto\] {
      grid-template-columns: 1fr auto;
    }

    .lg\:grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .lg\:grid-cols-\[minmax\(0\,\.58fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, .58fr) minmax(0, 1fr);
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(18rem\,0\.72fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(18rem, .72fr);
    }

    .lg\:flex-col {
      flex-direction: column;
    }

    .lg\:flex-row {
      flex-direction: row;
    }

    .lg\:items-center {
      align-items: center;
    }

    .lg\:items-end {
      align-items: flex-end;
    }

    .lg\:items-start {
      align-items: flex-start;
    }

    .lg\:justify-between {
      justify-content: space-between;
    }

    .lg\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }

    .lg\:border-white\/10 {
      border-color: #ffffff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .lg\:border-white\/10 {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }

    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .lg\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .lg\:py-12 {
      padding-block: calc(var(--spacing) * 12);
    }

    .lg\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }

    .lg\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }

    .lg\:text-right {
      text-align: right;
    }

    .lg\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }

    .lg\:text-7xl {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }

    .lg\:last\:border-r-0:last-child {
      border-right-style: var(--tw-border-style);
      border-right-width: 0;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .xl\:grid-cols-\[1\.1fr_\.9fr\] {
      grid-template-columns: 1.1fr .9fr;
    }

    .xl\:grid-cols-\[1\.04fr_\.96fr\] {
      grid-template-columns: 1.04fr .96fr;
    }
  }

  @container field-group (min-width: 28rem) {
    .\@md\/field-group\:flex-row {
      flex-direction: row;
    }

    .\@md\/field-group\:items-center {
      align-items: center;
    }

    .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has( > [data-slot="field-content"]) {
      align-items: flex-start;
    }
  }

  .dark\:border-input:is(.dark *) {
    border-color: var(--input);
  }

  .dark\:bg-destructive\/60:is(.dark *) {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-destructive\/60:is(.dark *) {
      background-color: color-mix(in oklab, var(--destructive) 60%, transparent);
    }
  }

  .dark\:bg-input\/30:is(.dark *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-input\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  .dark\:bg-transparent:is(.dark *) {
    background-color: #0000;
  }

  .dark\:text-muted-foreground:is(.dark *) {
    color: var(--muted-foreground);
  }

  @media (hover: hover) {
    .dark\:hover\:bg-accent\/50:is(.dark *):hover {
      background-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-accent\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
      }
    }

    .dark\:hover\:bg-input\/50:is(.dark *):hover {
      background-color: var(--input);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-input\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--input) 50%, transparent);
      }
    }

    .dark\:hover\:text-accent-foreground:is(.dark *):hover {
      color: var(--accent-foreground);
    }
  }

  .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state="checked"]) {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state="checked"]) {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid="true"]) {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid="true"]) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:is(.dark *)[data-active="true"][aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:is(.dark *)[data-active="true"][aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .dark\:data-\[state\=active\]\:border-input:is(.dark *)[data-state="active"] {
    border-color: var(--input);
  }

  .dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state="active"] {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state="active"] {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  .dark\:data-\[state\=active\]\:text-foreground:is(.dark *)[data-state="active"] {
    color: var(--foreground);
  }

  .dark\:data-\[state\=checked\]\:bg-primary:is(.dark *)[data-state="checked"] {
    background-color: var(--primary);
  }

  .dark\:data-\[state\=checked\]\:bg-primary-foreground:is(.dark *)[data-state="checked"] {
    background-color: var(--primary-foreground);
  }

  .dark\:data-\[state\=unchecked\]\:bg-foreground:is(.dark *)[data-state="unchecked"] {
    background-color: var(--foreground);
  }

  .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state="unchecked"] {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state="unchecked"] {
      background-color: color-mix(in oklab, var(--input) 80%, transparent);
    }
  }

  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text {
    fill: var(--muted-foreground);
  }

  .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] {
    stroke: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] {
      stroke: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }

  .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor {
    stroke: var(--border);
  }

  .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] {
    stroke: #0000;
  }

  .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"] {
    stroke: var(--border);
  }

  .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector, .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {
    fill: var(--muted);
  }

  .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"] {
    stroke: var(--border);
  }

  .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] {
    stroke: #0000;
  }

  .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
    color: var(--muted-foreground);
  }

  .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] {
    padding-top: calc(var(--spacing) * 0);
  }

  .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
    height: calc(var(--spacing) * 5);
  }

  .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
    width: calc(var(--spacing) * 5);
  }

  .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
    height: calc(var(--spacing) * 12);
  }

  .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
    padding-block: calc(var(--spacing) * 3);
  }

  .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
    height: calc(var(--spacing) * 5);
  }

  .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
    width: calc(var(--spacing) * 5);
  }

  .\[\&_img\]\:size-full img {
    width: 100%;
    height: 100%;
  }

  .\[\&_img\]\:object-cover img {
    object-fit: cover;
  }

  .\[\&_p\]\:leading-relaxed p {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*="text-"]) {
    color: var(--muted-foreground);
  }

  .\[\&_tr\]\:border-b tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&_tr\:last-child\]\:border-0 tr:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&\+\[data-slot\=item-content\]\]\:flex-none + [data-slot="item-content"] {
    flex: none;
  }

  .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected="true"] button {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
    padding-right: calc(var(--spacing) * 0);
  }

  .\[\.border-b\]\:pb-3.border-b {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .\[\.border-b\]\:pb-6.border-b {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .\[\.border-t\]\:pt-3.border-t {
    padding-top: calc(var(--spacing) * 3);
  }

  .\[\.border-t\]\:pt-6.border-t {
    padding-top: calc(var(--spacing) * 6);
  }

  :is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_next > svg), :is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_previous > svg) {
    rotate: 180deg;
  }

  .\[a\]\:transition-colors:is(a) {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    .\[a\]\:hover\:bg-accent\/50:is(a):hover {
      background-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-accent\/50:is(a):hover {
        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
      }
    }
  }

  :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
    display: flex;
  }

  :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
    align-items: center;
  }

  :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
    gap: calc(var(--spacing) * 2);
  }

  :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant="destructive"] > *):is(svg) {
    color: var(--destructive) !important;
  }

  .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected="true"] button {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .\[\&\>\*\]\:w-full > * {
    width: 100%;
  }

  .\[\&\>\*\]\:focus-visible\:relative > :focus-visible {
    position: relative;
  }

  .\[\&\>\*\]\:focus-visible\:z-10 > :focus-visible {
    z-index: 10;
  }

  .\[\&\>\*\]\:data-\[slot\=field\]\:p-4 > [data-slot="field"] {
    padding: calc(var(--spacing) * 4);
  }

  @container field-group (min-width: 28rem) {
    .\@md\/field-group\:\[\&\>\*\]\:w-auto > * {
      width: auto;
    }
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none > :not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none > :not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0 > :not(:first-child) {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0 > :not(:first-child) {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none > :not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none > :not(:last-child) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .\[\&\>\.sr-only\]\:w-auto > .sr-only {
    width: auto;
  }

  .\[\&\>\[data-slot\=field-group\]\]\:gap-4 > [data-slot="field-group"] {
    gap: calc(var(--spacing) * 4);
  }

  .\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot="field-label"] {
    flex: auto;
  }

  @container field-group (min-width: 28rem) {
    .\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot="field-label"] {
      flex: auto;
    }
  }

  .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden="true"]:last-child)) > [data-slot="select-trigger"]:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit > [data-slot="select-trigger"]:not([class*="w-"]) {
    width: fit-content;
  }

  .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"] {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) > [role="checkbox"], .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) [role="radio"] {
    margin-top: 1px;
  }

  @container field-group (min-width: 28rem) {
    .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) > [role="checkbox"], .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) [role="radio"] {
      margin-top: 1px;
    }
  }

  .\[\&\>a\]\:underline > a {
    text-decoration-line: underline;
  }

  .\[\&\>a\]\:underline-offset-4 > a {
    text-underline-offset: 4px;
  }

  .\[\&\>a\:hover\]\:text-primary > a:hover {
    color: var(--primary);
  }

  .\[\&\>button\]\:hidden > button {
    display: none;
  }

  .\[\&\>input\]\:flex-1 > input {
    flex: 1;
  }

  .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has( > [data-align="block-end"]) > input {
    padding-top: calc(var(--spacing) * 3);
  }

  .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has( > [data-align="block-start"]) > input {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has( > [data-align="inline-end"]) > input {
    padding-right: calc(var(--spacing) * 2);
  }

  .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has( > [data-align="inline-start"]) > input {
    padding-left: calc(var(--spacing) * 2);
  }

  .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] > kbd {
    border-radius: calc(var(--radius)  - 5px);
  }

  .\[\&\>span\]\:text-xs > span {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\[\&\>span\]\:opacity-70 > span {
    opacity: .7;
  }

  .\[\&\>span\:last-child\]\:truncate > span:last-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .\[\&\>svg\]\:pointer-events-none > svg {
    pointer-events: none;
  }

  .\[\&\>svg\]\:size-3 > svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&\>svg\]\:size-3\.5 > svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&\>svg\]\:size-4 > svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&\>svg\]\:h-2\.5 > svg {
    height: calc(var(--spacing) * 2.5);
  }

  .\[\&\>svg\]\:h-3 > svg {
    height: calc(var(--spacing) * 3);
  }

  .\[\&\>svg\]\:w-2\.5 > svg {
    width: calc(var(--spacing) * 2.5);
  }

  .\[\&\>svg\]\:w-3 > svg {
    width: calc(var(--spacing) * 3);
  }

  .\[\&\>svg\]\:shrink-0 > svg {
    flex-shrink: 0;
  }

  .\[\&\>svg\]\:translate-y-0\.5 > svg {
    --tw-translate-y: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .\[\&\>svg\]\:text-current > svg {
    color: currentColor;
  }

  .\[\&\>svg\]\:text-muted-foreground > svg {
    color: var(--muted-foreground);
  }

  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 > svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 > svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&\>tr\]\:last\:border-b-0 > tr:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction="vertical"] > div {
    rotate: 90deg;
  }

  .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg {
    rotate: 180deg;
  }

  [data-side="left"][data-collapsible="offcanvas"] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
    right: calc(var(--spacing) * -2);
  }

  [data-side="left"][data-state="collapsed"] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
    cursor: e-resize;
  }

  [data-side="right"][data-collapsible="offcanvas"] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
    left: calc(var(--spacing) * -2);
  }

  [data-side="right"][data-state="collapsed"] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
    cursor: w-resize;
  }

  [data-slot="card-content"] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent, [data-slot="popover-content"] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent {
    background-color: #0000;
  }

  [data-slot="tooltip-content"] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    [data-slot="tooltip-content"] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20 {
      background-color: color-mix(in oklab, var(--background) 20%, transparent);
    }
  }

  [data-slot="tooltip-content"] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background {
    color: var(--background);
  }

  [data-slot="tooltip-content"] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *) {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    [data-slot="tooltip-content"] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *) {
      background-color: color-mix(in oklab, var(--background) 10%, transparent);
    }
  }

  [data-variant="legend"] + .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
    margin-top: calc(var(--spacing) * -1.5);
  }

  @media (hover: hover) {
    a.\[a\&\]\:hover\:bg-accent:hover {
      background-color: var(--accent);
    }

    a.\[a\&\]\:hover\:bg-destructive\/90:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      a.\[a\&\]\:hover\:bg-destructive\/90:hover {
        background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
      }
    }

    a.\[a\&\]\:hover\:bg-primary\/90:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      a.\[a\&\]\:hover\:bg-primary\/90:hover {
        background-color: color-mix(in oklab, var(--primary) 90%, transparent);
      }
    }

    a.\[a\&\]\:hover\:bg-secondary\/90:hover {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      a.\[a\&\]\:hover\:bg-secondary\/90:hover {
        background-color: color-mix(in oklab, var(--secondary) 90%, transparent);
      }
    }

    a.\[a\&\]\:hover\:text-accent-foreground:hover {
      color: var(--accent-foreground);
    }
  }
}

@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}

@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}

@property --tw-animation-duration {
  syntax: "*";
  inherits: false
}

@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

:root {
  --background: #080a0e;
  --foreground: #f0f3f5;
  --card: #101318;
  --card-foreground: #f0f3f5;
  --popover: #101318;
  --popover-foreground: #f0f3f5;
  --primary: #4b8dff;
  --primary-foreground: #07101c;
  --secondary: #171b23;
  --secondary-foreground: #e5e9ec;
  --muted: #1a1f27;
  --muted-foreground: #8c97a3;
  --accent: #1d2b3d;
  --accent-foreground: #dbe9ff;
  --destructive: #fb6b74;
  --destructive-foreground: #16080a;
  --border: #e5ebf11f;
  --input: #e5ebf129;
  --ring: #4b8dff;
  --cobalt: #4b8dff;
  --emerald: #35d69c;
  --amber: #f4b35e;
  --violet: #9c89ff;
  --rose: #ff7f93;
  --cyan: #71d4ee;
  --canvas: #080a0e;
  --panel: #0d1015;
  --panel-2: #11151c;
  --text-soft: #a5afb8;
  --text-dim: #65717e;
  --line: #cad8e421;
  --ease-out: cubic-bezier(.23, 1, .32, 1);
  --ease-in-out: cubic-bezier(.77, 0, .175, 1);
}

html:not(.dark) {
  --background: #f6f8fb;
  --foreground: #122033;
  --card: #fff;
  --card-foreground: #122033;
  --popover: #fff;
  --popover-foreground: #122033;
  --primary: #236be8;
  --primary-foreground: #f9fbff;
  --secondary: #e8eef5;
  --secondary-foreground: #17304a;
  --muted: #e7edf4;
  --muted-foreground: #51677b;
  --accent: #dbe8f8;
  --accent-foreground: #17304a;
  --destructive: #c73749;
  --destructive-foreground: #fff;
  --border: #19365529;
  --input: #1936552e;
  --ring: #236be8;
  --canvas: #eef3f8;
  --panel: #fff;
  --panel-2: #f6f9fc;
  --text-soft: #415a71;
  --text-dim: #647a8d;
  --line: #19365524;
}

html:not(.dark) body {
  color: #15273b;
  background: #f5f7fa;
}

html:not(.dark) body:before {
  opacity: .012;
  mix-blend-mode: multiply;
}

html:not(.dark) .open-lab-ticker {
  color: #476078;
  background: #edf3f8;
  border-bottom-color: #1937581f;
}

html:not(.dark) .topbar-scrolled {
  background: #fafcffeb;
  border-bottom-color: #1d416724;
  box-shadow: 0 10px 28px #22486e14;
}

html:not(.dark) .brand-copy {
  color: #142d47;
}

html:not(.dark) .brand-copy small {
  color: #668097;
}

html:not(.dark) .desktop-nav a, html:not(.dark) .manifest-link, html:not(.dark) .instagram-header-link, html:not(.dark) .compact-scroll-action {
  color: #476178;
}

html:not(.dark) .desktop-nav a:hover, html:not(.dark) .manifest-link:hover, html:not(.dark) .instagram-header-link:hover, html:not(.dark) .compact-scroll-action:hover {
  color: #123657;
}

html:not(.dark) .nav-group-title {
  color: #3d5b73;
  background: #ffffffad;
  border-color: #2b588529;
}

html:not(.dark) .nav-group-title:hover, html:not(.dark) .nav-dropdown-group.is-open .nav-group-title {
  color: #173c61;
  background: #4485e11a;
  border-color: #2a69cf61;
}

html:not(.dark) .nav-group-title:after {
  color: #54738d;
}

html:not(.dark) .nav-badge {
  color: #2465ba;
  background: #3d7edb1f;
}

html:not(.dark) .nav-mega-panel {
  background: linear-gradient(145deg, #fff, #f2f7fb);
  border-color: #2c5b8b38;
  box-shadow: 0 22px 55px #244b702e, inset 0 1px #ffffffdb;
}

html:not(.dark) .nav-mega-panel:before {
  background: #fff;
  border-top-color: #2c5b8b38;
  border-left-color: #2c5b8b38;
}

html:not(.dark) .nav-mega-intro strong, html:not(.dark) .nav-mega-link b {
  color: #183b5a;
}

html:not(.dark) .nav-mega-intro p, html:not(.dark) .nav-mega-link small {
  color: #587089;
}

html:not(.dark) .nav-mega-link {
  background: #ffffff80;
  border-color: #2e5e8e24;
}

html:not(.dark) .nav-mega-link:hover {
  background: #4485e114;
  border-color: #2c6fd86b;
}

html:not(.dark) .whatsapp-btn-header {
  color: #177f5e;
  background: #41bf911a;
  border-color: #1d976c57;
}

html:not(.dark) .compact-scroll-action, html:not(.dark) .search-trigger, html:not(.dark) kbd {
  background: #ffffffb8;
  border-color: #2a537e2e;
}

html:not(.dark) .theme-toggle {
  color: #34546f;
  background: #fff;
  border-color: #27548040;
  box-shadow: 0 4px 12px #1d446914;
}

html:not(.dark) .theme-toggle:hover {
  color: #17324c;
  background: #f4f8fd;
  border-color: #236be8a6;
}

html:not(.dark) .theme-toggle-track span {
  background: #dfeaf4;
  box-shadow: 0 2px 7px #22486e2e;
}

html:not(.dark) .theme-toggle[aria-pressed="true"] .theme-toggle-track span {
  background: #286ed9;
}

html:not(.dark) .hero-section {
  background: radial-gradient(circle at 77% 36%, #4480d529, #0000 31%), radial-gradient(circle at 15% 88%, #31a5821a, #0000 30%), linear-gradient(#f9fbfd, #eff4f8 78%, #eaf0f5);
}

html:not(.dark) .hero-gridlines {
  opacity: .46;
  background-image: linear-gradient(#4170a414 1px, #0000 1px), linear-gradient(90deg, #4170a414 1px, #0000 1px);
}

html:not(.dark) .hero-copy h1 {
  color: #14283d;
}

html:not(.dark) .hero-copy h1 em {
  color: #256ed8;
}

html:not(.dark) .hero-lead {
  color: #425b73;
}

html:not(.dark) .hero-research-badge {
  color: #173c35;
  background: linear-gradient(95deg, #49c39721, #4d8ce014);
  border-color: #248c6757;
}

html:not(.dark) .hero-research-badge strong {
  color: #173c35;
}

html:not(.dark) .hero-research-badge small {
  color: #51766d;
}

html:not(.dark) .hero-research-synthesis, html:not(.dark) .hero-research-deployable-list, html:not(.dark) .hero-pathways-panel {
  background: #ffffffd6;
  border-color: #2d5c8b33;
  box-shadow: 0 12px 30px #27517b12;
}

html:not(.dark) .hero-research-synthesis h2 {
  color: #162c43;
}

html:not(.dark) .hero-research-synthesis > p:last-of-type {
  color: #4c6379;
}

html:not(.dark) .hero-research-deployable-list > p, html:not(.dark) .hero-service-label {
  color: #3974a8;
}

html:not(.dark) .hero-deployable-tooltip-trigger {
  border-top-color: #38638d29;
}

html:not(.dark) .hero-deployable-tooltip-trigger:hover, html:not(.dark) .hero-deployable-tooltip-trigger:focus-visible {
  background: #4583d814;
}

html:not(.dark) .hero-deployable-tooltip-trigger strong {
  color: #1b3853;
}

html:not(.dark) .hero-deployable-tooltip-trigger small {
  color: #60758a;
}

html:not(.dark) .hero-pathway-card {
  background: linear-gradient(135deg, #4e91eb1a, #ffffff9e);
  border-color: #2f629638;
}

html:not(.dark) .hero-pathway-card:hover, html:not(.dark) .hero-pathway-card:focus-visible {
  background: linear-gradient(135deg, #4b8dff2e, #38c1951a);
  border-color: #236be899;
  box-shadow: 0 10px 25px #285b9424;
}

html:not(.dark) .hero-pathway-card strong {
  color: #1b3853;
}

html:not(.dark) .hero-pathway-card > span:not(.hero-pathway-card-topline):not(.hero-pathway-pattern) {
  color: #587087;
}

html:not(.dark) .hero-pathway-card-topline b {
  color: #286ed9;
}

html:not(.dark) .hero-pathways-intro p {
  color: #526a80;
}

html:not(.dark) .hero-decision-kicker {
  color: #2867ac;
}

html:not(.dark) .hero-action-context {
  color: #597087;
}

html:not(.dark) .hero-action-route .button-secondary, html:not(.dark) .button-secondary {
  color: #26435f;
  background: #ffffffd1;
  border-color: #2d5c8b4d;
}

html:not(.dark) .hero-action-route .button-secondary:hover, html:not(.dark) .button-secondary:hover {
  color: #153c65;
  background: #f0f6ff;
  border-color: #236be894;
}

html:not(.dark) .hero-note {
  color: #61758a;
}

html:not(.dark) .language-dock {
  background: #fafcffeb;
  border-color: #325d8b38;
  box-shadow: 0 14px 35px #254a7026;
}

html:not(.dark) .language-dock-label {
  color: #4d6680;
}

html:not(.dark) .language-dock .language-selector {
  background: #fff;
  border-color: #34659738;
}

html:not(.dark) .floating-journey-nav {
  background: #fbfdfff0;
  border-color: #2e5c8b38;
  box-shadow: 0 12px 30px #21476c24;
}

html:not(.dark) .floating-journey-nav a {
  color: #49647c;
  background: #ffffffa3;
  border-color: #3465972e;
}

html:not(.dark) .floating-journey-nav a[data-principal="true"], html:not(.dark) .floating-journey-nav a[aria-current="page"] {
  color: #1d579f;
  background: #4485e11f;
  border-color: #2c6fd873;
}

html:not(.dark) .floating-journey-nav-trigger, html:not(.dark) .floating-journey-nav > div {
  color: #24445f;
  background: #fbfdfff7;
  border-color: #2f669940;
  box-shadow: 0 14px 28px #21476c29;
}

html:not(.dark) .modal-box, html:not(.dark) .hero-research-tooltip, html:not(.dark) .hero-deployable-tooltip {
  color: #314a62;
  background: #fbfdff;
  border-color: #2d5b8b38;
  box-shadow: 0 18px 42px #244a6f2e;
}

html:not(.dark) .hero-research-tooltip-links {
  border-top-color: #2d5b8b29;
}

html:not(.dark) .hero-research-tooltip-links a {
  color: #2867ac;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  background: var(--canvas);
}

body {
  background: var(--canvas);
  color: var(--foreground);
  -webkit-font-smoothing: antialiased;
  margin: 0;
  font-family: DM Sans, sans-serif;
}

h1, h2, h3, .button-primary {
  font-family: Space Grotesk, sans-serif;
}

body:before {
  content: "";
  pointer-events: none;
  z-index: 30;
  opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.36'/%3E%3C/svg%3E");
  position: fixed;
  inset: 0;
}

button, a {
  font: inherit;
}

button {
  color: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

button, a {
  -webkit-tap-highlight-color: transparent;
}

button:focus-visible, a:focus-visible, input:focus-visible {
  outline: 2px solid var(--cobalt);
  outline-offset: 3px;
}

code, kbd, .eyebrow, .kicker, .section-index, .signal-strip, .path-chip, .telemetry, .manifest-tag, .manifest-version, .kernel-tab-id, .kernel-tab-dot, .detail-kicker, .detail-stat, .tier-status, .tier-rule, .footer-meta {
  font-family: DM Mono, monospace;
}

.site-shell {
  min-height: 100vh;
  overflow: clip;
}

.navigation-progress {
  z-index: 80;
  opacity: 0;
  pointer-events: none;
  height: 2px;
  transition: opacity .16s var(--ease-out), transform .16s var(--ease-out);
  background: none;
  position: fixed;
  top: 35px;
  left: 0;
  right: 0;
  overflow: hidden;
  transform: translateY(-3px);
}

.navigation-progress > span {
  background: linear-gradient(90deg, transparent, var(--cobalt) 24%, var(--emerald) 76%, transparent);
  border-radius: 999px;
  width: 36%;
  height: 100%;
  display: block;
  transform: translateX(-120%);
  box-shadow: 0 0 12px #4b8dff9e;
}

.navigation-progress[data-active] {
  opacity: 1;
  transform: translateY(0);
}

.navigation-progress[data-active] > span {
  animation: navigation-progress-slide .72s var(--ease-in-out) infinite;
}

.navigation-transition-status {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: fixed;
  overflow: hidden;
}

.route-transition-shell {
  min-height: 100vh;
}

@keyframes navigation-progress-slide {
  from {
    transform: translateX(-120%);
  }

  to {
    transform: translateX(390%);
  }
}

@keyframes route-view-enter {
  from {
    opacity: .56;
    transform: translateY(7px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .route-transition-shell {
    animation: route-view-enter .22s var(--ease-out) both;
  }
}

.topbar {
  z-index: 20;
  height: 74px;
  transition: height .22s var(--ease-out), padding .22s var(--ease-out), background .22s var(--ease-out), border-color .22s var(--ease-out), backdrop-filter .22s var(--ease-out);
  border-bottom: 1px solid #0000;
  align-items: center;
  gap: 42px;
  padding: 0 clamp(22px, 4vw, 68px);
  display: flex;
  position: fixed;
  top: 38px;
  left: 0;
  right: 0;
}

.topbar-scrolled {
  border-color: var(--line);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #080a0eeb;
  height: 54px;
}

.brand {
  flex: none;
  align-items: center;
  gap: 11px;
  display: inline-flex;
}

.brand-mark-wrap {
  place-items: center;
  width: 30px;
  height: 30px;
  display: grid;
}

.brand-mark-wrap img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.brand-mark-wrap.brand-mark-fallback {
  color: #79b5ff;
  background: radial-gradient(circle, #4b8dff38, #080a0e1a 68%);
  border: 1px solid #59a0ffa3;
  border-radius: 50%;
  box-shadow: 0 0 18px #4b8dff45;
}

.brand-copy {
  letter-spacing: .12em;
  color: #ecf0f3;
  align-items: baseline;
  gap: 5px;
  font-family: DM Mono, monospace;
  font-size: 11px;
  display: inline-flex;
}

.brand-copy small {
  color: #5f7180;
  letter-spacing: .08em;
  align-self: flex-end;
  margin-left: 5px;
  font-size: 7px;
  line-height: 1.2;
}

.brand-copy strong {
  color: var(--cobalt);
  font-size: 13px;
}

.brand-copy:after {
  content: "◌";
  color: var(--emerald);
  opacity: .86;
  margin-left: 3px;
  font-size: 10px;
}

.desktop-nav {
  align-items: center;
  gap: 28px;
  margin-left: 8px;
  display: flex;
}

.compact-scroll-nav {
  align-items: center;
  gap: 6px;
  margin-left: 6px;
  display: none;
}

.compact-scroll-action {
  color: #a9bfd4;
  letter-spacing: .05em;
  min-height: 34px;
  transition: color .16s var(--ease-out), background .16s var(--ease-out), border-color .16s var(--ease-out), transform .16s var(--ease-out);
  background: #ffffff06;
  border: 1px solid #79a2d62e;
  border-radius: 5px;
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  font: 10px DM Mono, monospace;
  display: inline-flex;
}

.compact-scroll-action:hover, .compact-scroll-action:focus-visible {
  color: #eff7ff;
  background: #4b8dff1c;
  border-color: #4b8dff80;
  outline: 0;
}

.compact-scroll-action:active {
  transform: scale(.97);
}

.compact-scroll-action svg {
  color: #78d6b3;
}

.topbar-scrolled .brand-mark-wrap {
  width: 25px;
  height: 25px;
}

.topbar-scrolled .brand-copy small {
  display: none;
}

.topbar-scrolled .brand-copy {
  font-size: 10px;
}

.topbar-scrolled .topbar-actions .knowledge-header-link, .topbar-scrolled .topbar-actions .manifest-link {
  display: none;
}

.desktop-nav a, .manifest-link {
  color: var(--text-soft);
  letter-spacing: .01em;
  font-size: 12px;
  transition: color .16s;
}

.desktop-nav a:hover, .manifest-link:hover {
  color: #fff;
}

.topbar-actions {
  align-items: center;
  gap: 17px;
  margin-left: auto;
  display: flex;
}

.theme-toggle {
  color: #9fb3c4;
  cursor: pointer;
  min-width: 55px;
  height: 30px;
  transition: color .16s var(--ease-out), border-color .16s var(--ease-out), background .16s var(--ease-out), transform .16s var(--ease-out);
  background: #ffffff09;
  border: 1px solid #79a2d647;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 0 6px;
  display: inline-flex;
  position: relative;
}

.theme-toggle:hover {
  color: #f1f7fd;
  background: #4b8dff1a;
  border-color: #4b8dffa8;
}

.theme-toggle:active {
  transform: scale(.97);
}

.theme-toggle > svg:first-child {
  color: #e8bd67;
}

.theme-toggle > svg:last-of-type {
  color: #92b8ff;
}

.theme-toggle-track {
  z-index: 0;
  pointer-events: none;
  border-radius: 999px;
  position: absolute;
  inset: 4px;
}

.theme-toggle-track span {
  width: 20px;
  height: 20px;
  transition: transform .18s var(--ease-out), background .18s var(--ease-out);
  background: #c9d9e8;
  border-radius: 999px;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(0);
  box-shadow: 0 2px 8px #00000057;
}

.theme-toggle[aria-pressed="true"] .theme-toggle-track span {
  background: #477fdb;
  transform: translateX(25px);
}

.theme-toggle > svg {
  z-index: 1;
  position: relative;
}

.theme-toggle-wrapper {
  flex: none;
  position: relative;
}

.theme-toggle-hint {
  z-index: 360;
  color: #c8d5e2;
  letter-spacing: .015em;
  background: #0a1019f7;
  border: 1px solid #679ade57;
  border-radius: 8px;
  align-items: flex-start;
  gap: 8px;
  width: 205px;
  padding: 10px 9px 10px 12px;
  font: 10px / 1.45 DM Mono, monospace;
  display: flex;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  box-shadow: 0 16px 36px #00000052;
}

.theme-toggle-hint:before {
  content: "";
  background: #0a1019f7;
  border-top: 1px solid #679ade57;
  border-left: 1px solid #679ade57;
  width: 8px;
  height: 8px;
  position: absolute;
  top: -5px;
  right: 15px;
  transform: rotate(45deg);
}

.theme-toggle-hint span {
  z-index: 1;
  flex: 1;
  position: relative;
}

.theme-toggle-hint button {
  z-index: 1;
  color: #92abc1;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 4px;
  flex: none;
  place-items: center;
  width: 22px;
  height: 22px;
  margin: -3px -2px -3px 0;
  display: grid;
  position: relative;
}

.theme-toggle-hint button:hover, .theme-toggle-hint button:focus-visible {
  color: #edf5fb;
  background: #6292d329;
}

html:not(.dark) .theme-toggle-hint {
  color: #3d5870;
  background: #f8fbfefa;
  border-color: #2e5c8b47;
  box-shadow: 0 16px 36px #213d5b24;
}

html:not(.dark) .theme-toggle-hint:before {
  background: #f8fbfefa;
  border-color: #2e5c8b47;
}

html:not(.dark) .theme-toggle-hint button {
  color: #536f88;
}

html:not(.dark) .theme-toggle-hint button:hover, html:not(.dark) .theme-toggle-hint button:focus-visible {
  color: #17324c;
  background: #4379c01f;
}

@media (max-width: 720px) {
  .theme-toggle-hint {
    width: 195px;
    right: -39px;
  }

  .theme-toggle-hint:before {
    right: 53px;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .theme-toggle-hint {
    animation: theme-hint-enter .18s var(--ease-out) both;
  }
}

@keyframes theme-hint-enter {
  from {
    opacity: 0;
    transform: translateY(-4px)scale(.98);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

.search-trigger {
  height: 34px;
  color: var(--text-dim);
  cursor: pointer;
  background: #ffffff09;
  border: 1px solid #ffffff1a;
  align-items: center;
  gap: 8px;
  padding: 0 9px 0 11px;
  font-size: 11px;
  transition: border .16s, color .16s, background .16s;
  display: inline-flex;
}

.search-trigger:hover {
  color: #edf3f8;
  background: #4b8dff14;
  border-color: #4b8dff94;
}

kbd {
  color: #a1adba;
  background: #ffffff0b;
  border: 1px solid #ffffff24;
  align-items: center;
  gap: 3px;
  padding: 2px 5px;
  font-size: 10px;
  display: inline-flex;
}

.manifest-link {
  color: #d8e0e6;
  align-items: center;
  gap: 5px;
  display: inline-flex;
}

.instagram-header-link {
  color: #b7c4cf;
  letter-spacing: .03em;
  transition: color .16s var(--ease-out), transform .16s var(--ease-out);
  align-items: center;
  gap: 6px;
  font: 10px DM Mono, monospace;
  display: inline-flex;
}

.instagram-header-link:hover {
  color: #f2f7fb;
  transform: translateY(-1px);
}

.instagram-header-link svg {
  color: #de82b6;
}

.mobile-menu-button {
  cursor: pointer;
  background: none;
  border: 0;
  display: none;
}

.mobile-menu {
  display: none;
}

.hero-section {
  border-bottom: 1px solid var(--line);
  background: radial-gradient(circle at 77% 36%, #2e68be1f, transparent 29%), radial-gradient(circle at 15% 88%, #32ba8e0d, transparent 28%), var(--canvas);
  grid-template-columns: minmax(470px, .9fr) minmax(500px, 1.1fr);
  align-items: center;
  gap: 24px;
  min-height: 785px;
  padding: 134px clamp(24px, 7vw, 122px) 92px;
  display: grid;
  position: relative;
}

.hero-gridlines {
  pointer-events: none;
  opacity: .28;
  background-image: linear-gradient(#7599ba0e 1px, #0000 1px), linear-gradient(90deg, #7599ba0e 1px, #0000 1px);
  background-size: 80px 80px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(90deg, #000000d1, #0000 88%);
  mask-image: linear-gradient(90deg, #000000d1, #0000 88%);
}

.hero-copy {
  z-index: 2;
  align-self: center;
  max-width: 610px;
  padding-top: 20px;
  position: relative;
}

.eyebrow, .kicker {
  color: var(--cobalt);
  letter-spacing: .17em;
  align-items: center;
  gap: 9px;
  font-size: 10px;
  line-height: 1;
  display: flex;
}

.eyebrow-dot {
  background: var(--emerald);
  border-radius: 999px;
  width: 6px;
  height: 6px;
  display: inline-block;
  box-shadow: 0 0 14px #35d69ccc;
}

.eyebrow-rule {
  background: #4b8dff80;
  width: 46px;
  height: 1px;
  display: inline-block;
}

.hero-copy h1 {
  letter-spacing: -.075em;
  max-width: 720px;
  margin: 12px 0 10px;
  font-size: clamp(54px, 6vw, 92px);
  font-weight: 600;
  line-height: .95;
}

.hero-copy h1 em, h2 span, .kernel-detail h3 span {
  color: var(--cobalt);
  font-style: normal;
}

.hero-lead {
  color: #9ca9b5;
  max-width: 465px;
  margin: 0;
  font-size: 16px;
  line-height: 1.68;
}

.hero-research-badge {
  color: #d9f5e9;
  max-width: 465px;
  transition: transform .16s var(--ease-out), border-color .16s ease, background .16s ease;
  background: linear-gradient(95deg, #35d69c1d, #4b8dff12);
  border: 1px solid #35d69c5c;
  align-items: center;
  gap: 9px;
  margin-top: 7px;
  padding: 9px 11px;
  font-family: DM Mono, monospace;
  display: inline-flex;
}

.hero-research-badge:hover {
  background: linear-gradient(95deg, #35d69c2e, #4b8dff21);
  border-color: #35d69cbf;
  transform: translateY(-2px);
}

.hero-research-badge:active {
  transform: scale(.97);
}

.hero-research-badge svg:first-child {
  color: var(--emerald);
  flex: none;
}

.hero-research-badge svg:last-child {
  color: #8bb9ff;
  flex: none;
  margin-left: auto;
}

.hero-research-badge span {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.hero-research-badge strong {
  color: #effcf5;
  letter-spacing: .075em;
  font-size: 9px;
  font-weight: 500;
}

.hero-research-badge small {
  color: #a5c8b9;
  letter-spacing: .015em;
  font-size: 8px;
}

.hero-service-frame {
  background: linear-gradient(100deg, #4b8dff1a, #35d69c09);
  border: 1px solid #4b8dff3d;
  border-left-color: #35d69cb3;
  max-width: 520px;
  margin-top: 22px;
  padding: 14px 15px 15px;
  box-shadow: inset 0 1px #ffffff09;
}

.hero-service-label {
  color: #8bb9ff;
  letter-spacing: .1em;
  align-items: center;
  gap: 8px;
  margin: 0;
  font: 9px / 1.35 DM Mono, monospace;
  display: flex;
}

.hero-service-label span {
  background: var(--emerald);
  border-radius: 999px;
  flex: none;
  width: 5px;
  height: 5px;
  box-shadow: 0 0 12px #35d69cbf;
}

.hero-service-title {
  color: #eff6fc;
  letter-spacing: -.025em;
  margin: 8px 0 5px;
  font-family: Space Grotesk, sans-serif;
  font-size: clamp(17px, 1.55vw, 22px);
  font-weight: 500;
  line-height: 1.18;
}

.hero-service-copy {
  color: #9ca9b5;
  margin: 0;
  font-size: 12px;
  line-height: 1.55;
}

.hero-service-copy strong {
  color: #bfead9;
  font-weight: 500;
}

.hero-research-deployable-grid {
  grid-template-columns: minmax(0, 1.2fr) minmax(162px, .8fr);
  gap: 10px;
  max-width: 720px;
  margin-top: 9px;
  display: grid;
}

.hero-research-synthesis {
  background: linear-gradient(104deg, #4b8dff1b, #35d69c0a);
  border: 1px solid #4b8dff3d;
  border-left-color: #35d69cb8;
  padding: 15px;
}

.hero-research-synthesis h2 {
  color: #eff6fc;
  letter-spacing: -.025em;
  max-width: 440px;
  margin: 8px 0 7px;
  font-family: Space Grotesk, sans-serif;
  font-size: clamp(18px, 1.6vw, 23px);
  font-weight: 500;
  line-height: 1.14;
}

.hero-research-synthesis > p:last-of-type {
  color: #aabac7;
  margin: 0;
  font-size: 11.5px;
  line-height: 1.55;
}

.hero-research-links {
  flex-wrap: wrap;
  gap: 5px;
  display: flex;
}

.hero-research-links .hero-service-overview {
  margin-top: 5px;
}

.hero-research-deployable-list {
  background: #09131e8a;
  border: 1px solid #5f9ed733;
  align-content: start;
  gap: 5px;
  padding: 10px;
  display: grid;
}

.hero-research-deployable-list > p {
  color: #82a7d3;
  letter-spacing: .08em;
  margin: 0 0 2px;
  font: 8px / 1.45 DM Mono, monospace;
}

.hero-deployable-tooltip-trigger {
  width: 100%;
  color: inherit;
  cursor: help;
  text-align: left;
  transition: background .16s var(--ease-out), padding-inline .16s var(--ease-out);
  background: none;
  border: 0;
  border-top: 1px solid #7aa6d424;
  grid-template-columns: 18px minmax(0, 1fr);
  column-gap: 7px;
  padding: 6px 0;
  display: grid;
}

.hero-deployable-tooltip-trigger:hover, .hero-deployable-tooltip-trigger:focus-visible {
  background: #4b8dff14;
  padding-inline: 4px;
}

.hero-deployable-tooltip-trigger span {
  color: #73dfbd;
  grid-row: span 2;
  font: 9px DM Mono, monospace;
}

.hero-deployable-tooltip-trigger strong {
  color: #e0edf7;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
}

.hero-deployable-tooltip-trigger small {
  color: #8098ad;
  margin-top: 2px;
  font: 8px / 1.3 DM Mono, monospace;
}

.hero-deployable-tooltip {
  color: #c1d1dc;
  background: #080e16fa;
  border: 1px solid #82bbf457;
  max-width: 240px;
  font-size: 10px;
  line-height: 1.5;
  box-shadow: 0 14px 35px #00000057;
}

.hero-deployable-tooltip p {
  margin: 0;
}

.hero-service-commercial {
  color: #dbeafb;
  margin: 0 0 8px;
  font-size: 12px;
  line-height: 1.45;
}

.hero-service-overview {
  color: #8bb9ff;
  letter-spacing: .035em;
  transition: color .16s ease, transform .16s var(--ease-out);
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  font: 10px DM Mono, monospace;
  display: inline-flex;
}

.hero-service-overview:hover {
  color: #fff;
  transform: translateX(2px);
}

.hero-service-architecture {
  background: linear-gradient(150deg, #0a131ef0, #0f282bad);
  border: 1px solid #4b8dff2e;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 13px;
  display: flex;
  box-shadow: inset 0 1px #ffffff09;
}

.hero-service-architecture > p, .hero-service-architecture small {
  color: #82a7d3;
  letter-spacing: .075em;
  margin: 0;
  font: 8px / 1.45 DM Mono, monospace;
}

.hero-service-architecture > div {
  grid-template-columns: 1fr 20px 1fr;
  align-items: center;
  gap: 5px;
  display: grid;
}

.hero-service-architecture span {
  color: #6994c3;
  text-align: center;
  background: #0c1825c2;
  border: 1px solid #75aade33;
  min-width: 0;
  padding: 7px 5px;
  font: 8px / 1.35 DM Mono, monospace;
  display: block;
}

.hero-service-architecture b {
  color: #e1effb;
  letter-spacing: .045em;
  font-weight: 400;
}

.hero-service-architecture i {
  background: linear-gradient(90deg, #4b8dff33, #35d69cbf, #4b8dff33);
  height: 1px;
}

.hero-ctas {
  align-items: center;
  gap: 12px;
  margin-top: 14px;
  display: flex;
}

.button-primary {
  color: #07101c;
  background: var(--cobalt);
  border: 1px solid var(--cobalt);
  letter-spacing: .04em;
  transition: transform .16s var(--ease-out), background .16s ease, box-shadow .16s ease;
  align-items: center;
  gap: 12px;
  padding: 13px 18px 13px 20px;
  font-family: DM Mono, monospace;
  font-size: 11px;
  display: inline-flex;
  box-shadow: 0 0 24px #4b8dff33;
}

.button-primary:hover {
  background: #70a5ff;
  transform: translateY(-2px);
  box-shadow: 0 0 32px #4b8dff61;
}

.button-primary:active {
  transform: scale(.97);
}

.button-quiet {
  color: #a9b4bf;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  transition: color .16s;
  display: inline-flex;
}

.button-quiet:hover {
  color: #fff;
}

.hero-note {
  color: #6f7b87;
  align-items: center;
  gap: 9px;
  margin-top: 20px;
  font-family: DM Mono, monospace;
  font-size: 10px;
  line-height: 1.5;
  display: flex;
}

.hero-note span {
  color: var(--emerald);
  font-size: 15px;
}

.hero-visual {
  background: #0c1118;
  border: 1px solid #74a0cf3d;
  align-self: stretch;
  min-height: 520px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 60px #1f539114;
}

.hero-visual img {
  object-fit: cover;
  object-position: 65% center;
  opacity: .94;
  filter: saturate(.96) contrast(1.04);
  width: 100%;
  height: 100%;
  min-height: 520px;
  display: block;
}

.hero-visual-fallback {
  background: radial-gradient(circle at 55% 45%, #35d69c21, #0000 18%), radial-gradient(circle at 38% 68%, #4b8dff38, #0000 38%), linear-gradient(145deg, #07101a, #0b1118 54%, #06131a);
  place-items: center;
  min-height: 520px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.hero-visual-fallback:before, .hero-visual-fallback:after {
  content: "";
  border: 1px solid #5ca7ff38;
  border-radius: 50%;
  position: absolute;
}

.hero-visual-fallback:before {
  width: 72%;
  height: 52%;
  transform: rotate(-28deg);
}

.hero-visual-fallback:after {
  border-color: #35d69c2e;
  width: 56%;
  height: 74%;
  transform: rotate(34deg);
}

.hero-fallback-core {
  z-index: 2;
  color: #b8dcff;
  text-align: center;
  background: #081019b3;
  border: 1px solid #8fc7ff7a;
  border-radius: 50%;
  place-items: center;
  width: 156px;
  height: 156px;
  display: grid;
  position: relative;
  box-shadow: 0 0 46px #4b8dff38, inset 0 0 30px #35d69c12;
}

.hero-fallback-core svg {
  color: #65e8c5d9;
  animation: 16s linear infinite spin-slow;
  position: absolute;
}

.hero-fallback-core span {
  letter-spacing: .15em;
  font: 10px / 1.35 DM Mono, monospace;
  position: relative;
}

.hero-fallback-node {
  z-index: 2;
  background: #72e1be;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  box-shadow: 0 0 16px #72e1bef2;
}

.node-one {
  top: 18%;
  left: 23%;
}

.node-two {
  background: #7ab6ff;
  top: 29%;
  right: 19%;
}

.node-three {
  bottom: 22%;
  right: 26%;
}

.node-four {
  background: #7ab6ff;
  bottom: 15%;
  left: 31%;
}

.node-five {
  top: 48%;
  left: 12%;
}

.hero-visual-fallback p {
  z-index: 2;
  color: #cbe4f4bd;
  letter-spacing: .16em;
  text-align: right;
  margin: 0;
  font: 9px / 1.45 DM Mono, monospace;
  position: absolute;
  bottom: 26px;
  right: 28px;
}

.hero-visual-overlay {
  background: linear-gradient(90deg, #080a0e38, #0000 42%), linear-gradient(0deg, #080a0e61, #0000 28%), linear-gradient(#080a0e1a, #0000 30%);
  position: absolute;
  inset: 0;
}

.hero-pathways-panel {
  background: linear-gradient(112deg, #070e16ad, #0a151f7a);
  border: 1px solid #78aade4d;
  grid-template-columns: minmax(150px, 2fr) minmax(0, 1.5fr) minmax(0, 1.5fr);
  gap: 7px;
  max-width: 720px;
  margin-top: 4px;
  padding: 9px;
  display: grid;
  position: relative;
  box-shadow: inset 0 1px #badcff0d;
}

.hero-pathways-intro {
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 4px 7px;
  display: flex;
}

.hero-pathways-intro > span, .hero-pathway-card small {
  color: #72e1be;
  letter-spacing: .105em;
  font: 8px DM Mono, monospace;
}

.hero-pathways-intro p {
  color: #9caebe;
  margin: 6px 0 0;
  font-size: 10px;
  line-height: 1.4;
}

.hero-pathway-card {
  min-width: 0;
  min-height: 96px;
  color: inherit;
  cursor: pointer;
  text-align: left;
  transition: border-color .16s var(--ease-out), background .16s var(--ease-out), transform .16s var(--ease-out), box-shadow .16s var(--ease-out);
  background: linear-gradient(135deg, #4b8dff12, #ffffff05);
  border: 1px solid #84abd733;
  flex-direction: column;
  gap: 5px;
  padding: 9px 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-pathway-card:hover, .hero-pathway-card:focus-visible {
  background: linear-gradient(135deg, #4b8dff2e, #35d69c12);
  border-color: #5497ffc2;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px #0c418e29;
}

.hero-pathway-card strong {
  z-index: 1;
  color: #e8f0f7;
  font-size: 11px;
  line-height: 1.25;
  position: relative;
}

.hero-pathway-card > span:not(.hero-pathway-card-topline):not(.hero-pathway-pattern) {
  z-index: 1;
  color: #8ea4b7;
  font: 9px / 1.3 DM Mono, monospace;
  position: relative;
}

.hero-pathway-card-topline {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  display: flex;
  position: relative;
}

.hero-pathway-card-topline b {
  color: #8fc4ff;
  letter-spacing: .08em;
  align-items: center;
  gap: 3px;
  font: 500 7px DM Mono, monospace;
  display: inline-flex;
}

.hero-pathway-pattern {
  z-index: 0;
  opacity: .6;
  width: 68px;
  height: 48px;
  position: absolute;
  bottom: -9px;
  right: -2px;
  transform: rotate(-16deg);
}

.hero-pathway-pattern i {
  border: 1px solid #6eb6ffb3;
  border-radius: 50%;
  display: block;
  position: absolute;
}

.hero-pathway-pattern i:first-child {
  inset: 5px 21px;
}

.hero-pathway-pattern i:nth-child(2) {
  border-color: #51e0b680;
  inset: -6px 8px;
}

.hero-pathway-pattern i:nth-child(3) {
  background: linear-gradient(90deg, #0000, #68b7ffe6, #0000);
  border: 0;
  width: 68px;
  height: 1px;
  top: 19px;
  left: 0;
}

.hero-pathway-pattern-delivery {
  transform: rotate(12deg);
}

.hero-pathway-pattern-delivery i {
  border-radius: 3px;
}

.hero-pathway-pattern-delivery i:first-child {
  inset: 13px 7px;
}

.hero-pathway-pattern-delivery i:nth-child(2) {
  border-color: #51e0b68f;
  inset: 4px 19px;
}

.hero-pathway-pattern-delivery i:nth-child(3) {
  transform: rotate(52deg);
}

.telemetry {
  z-index: 2;
  color: #aeb9c4;
  letter-spacing: .08em;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  display: flex;
  position: absolute;
  left: 19px;
  right: 19px;
}

.telemetry-top {
  top: 19px;
}

.telemetry-top strong {
  color: var(--emerald);
  margin-left: auto;
  font-weight: 400;
}

.telemetry-live, .status-live span {
  background: var(--emerald);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  display: inline-block;
  box-shadow: 0 0 12px #35d69cd9;
}

.telemetry-bottom {
  color: #8e9baa;
  bottom: 18px;
}

.telemetry-bottom span {
  color: #e6edf3;
}

.telemetry-divider {
  background: #ffffff47;
  width: 1px;
  height: 12px;
  margin: 0 6px;
}

.hero-stamp {
  z-index: 2;
  transform-origin: 100%;
  color: #daebf78a;
  letter-spacing: .12em;
  align-items: center;
  gap: 8px;
  font-family: DM Mono, monospace;
  font-size: 9px;
  display: flex;
  position: absolute;
  top: 47%;
  right: 20px;
  transform: rotate(90deg)translateX(50%);
}

.hero-stamp span:first-child {
  color: var(--emerald);
  font-size: 16px;
}

.hero-rail {
  color: #66727d;
  letter-spacing: .13em;
  transform-origin: 100%;
  align-items: center;
  gap: 11px;
  font: 9px DM Mono, monospace;
  display: flex;
  position: absolute;
  bottom: 43px;
  right: clamp(24px, 3vw, 52px);
  transform: rotate(90deg)translateX(100%);
}

.rail-line {
  background: #6e859775;
  width: 70px;
  height: 1px;
}

.signal-strip {
  border-bottom: 1px solid var(--line);
  color: #b9c2ca;
  letter-spacing: .04em;
  background: #0b0e13;
  grid-template-columns: .72fr .9fr 1.5fr .6fr;
  align-items: center;
  gap: 22px;
  min-height: 74px;
  padding: 0 clamp(24px, 7vw, 122px);
  font-size: 10px;
  display: grid;
}

.signal-strip > div {
  white-space: nowrap;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.signal-key {
  color: #5d6873;
  letter-spacing: .12em;
  font-size: 9px;
}

.status-live {
  color: var(--emerald);
  align-items: center;
  gap: 7px;
  display: inline-flex;
}

.signal-strip code {
  text-overflow: ellipsis;
  color: #8795a2;
  overflow: hidden;
}

.section {
  border-bottom: 1px solid var(--line);
  padding: 124px clamp(24px, 9vw, 155px);
  scroll-margin-top: 76px;
  position: relative;
}

.section-index {
  color: var(--cobalt);
  letter-spacing: .16em;
  align-items: center;
  gap: 12px;
  font-size: 10px;
  display: flex;
}

.section-index span {
  color: #65727e;
}

.section-index .index-orbit {
  width: 16px;
  height: 16px;
  color: var(--emerald);
  border: 1px solid #35d69c8c;
  border-radius: 50%;
  place-items: center;
  margin-left: 3px;
  font-size: 13px;
  line-height: 1;
  display: inline-grid;
  box-shadow: 0 0 10px #35d69c1a;
}

.section-heading {
  margin-top: 30px;
}

.split-heading {
  justify-content: space-between;
  align-items: flex-end;
  gap: 80px;
  display: flex;
}

.kicker {
  color: #a9b6c1;
  margin: 0 0 17px;
}

.section-heading h2, .topology-copy h2, .knowledge-copy h2, .closing-section h2 {
  color: #f2f5f7;
  letter-spacing: -.062em;
  margin: 0;
  font-size: clamp(40px, 5vw, 67px);
  font-weight: 550;
  line-height: .99;
}

.heading-aside {
  color: #8995a1;
  max-width: 310px;
  margin: 0 0 3px;
  font-size: 14px;
  line-height: 1.7;
}

.layer-layout {
  grid-template-columns: minmax(0, 1fr) minmax(310px, .65fr);
  align-items: start;
  gap: 70px;
  margin-top: 66px;
  display: grid;
}

.layer-list {
  border-top: 1px solid var(--line);
}

.layer-row {
  border-bottom: 1px solid var(--line);
  min-height: 122px;
  transition: background .18s ease, padding .18s var(--ease-out);
  grid-template-columns: 40px 25px 1fr 20px;
  align-items: start;
  gap: 17px;
  padding: 26px 0;
  display: grid;
}

.layer-row:hover {
  background: linear-gradient(90deg, #4b8dff0f, #0000);
  padding-left: 12px;
}

.layer-number {
  color: var(--cobalt);
  padding-top: 3px;
  font: 11px DM Mono, monospace;
}

.layer-icon {
  color: #6d7b89;
  margin-top: 1px;
}

.layer-label {
  color: #778591;
  letter-spacing: .13em;
  text-transform: uppercase;
  font: 10px DM Mono, monospace;
}

.layer-row h3 {
  letter-spacing: -.025em;
  margin: 7px 0;
  font-size: 19px;
  font-weight: 500;
}

.layer-row p {
  color: #7f8c98;
  max-width: 470px;
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
}

.layer-arrow {
  color: #54616d;
  transition: color .18s ease, transform .18s var(--ease-out);
  justify-self: end;
  margin-top: 2px;
}

.layer-row:hover .layer-arrow {
  color: var(--cobalt);
  transform: translateX(4px);
}

.manifest-card {
  background: radial-gradient(circle at 50% 48%, #3f70bc2e, #0000 37%), linear-gradient(140deg, #16202fd9, #0a0e14fa);
  border: 1px solid #4b8dff45;
  flex-direction: column;
  justify-content: space-between;
  min-height: 436px;
  padding: 20px;
  display: flex;
  position: sticky;
  top: 102px;
  overflow: hidden;
}

.manifest-card:after {
  content: "";
  pointer-events: none;
  opacity: .3;
  background-image: linear-gradient(#7eaadc14 1px, #0000 1px), linear-gradient(90deg, #7eaadc14 1px, #0000 1px);
  background-size: 38px 38px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#0000, #000 25%, #0000 92%);
  mask-image: linear-gradient(#0000, #000 25%, #0000 92%);
}

.manifest-top, .manifest-bottom {
  z-index: 2;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.manifest-tag, .manifest-version, .manifest-label {
  color: #a9bac8;
  letter-spacing: .1em;
  font-size: 9px;
}

.manifest-version {
  color: #667887;
  align-items: center;
  gap: 7px;
  display: flex;
}

.manifest-dot {
  background: var(--emerald);
  border-radius: 50%;
  width: 5px;
  height: 5px;
}

.manifest-orbit {
  z-index: 2;
  place-items: center;
  min-height: 274px;
  display: grid;
  position: relative;
}

.orbit-ring {
  border: 1px solid #6fa6e157;
  border-radius: 50%;
  position: absolute;
  transform: rotate(-25deg);
}

.ring-one {
  border-bottom-color: #35d69c7a;
  border-left-color: #0000;
  width: 175px;
  height: 175px;
}

.ring-two {
  border-top-color: #0000;
  border-right-color: #f4b35e73;
  width: 246px;
  height: 100px;
  transform: rotate(31deg);
}

.orbit-core {
  background: radial-gradient(circle at 35% 30%, #6bb1ff6b, #0f2036e6 62%);
  border: 1px solid #94bef38c;
  border-radius: 50%;
  place-items: center;
  width: 88px;
  height: 88px;
  display: grid;
  position: relative;
  box-shadow: 0 0 50px #4b8dff40, inset 0 0 24px #67a4fa3d;
}

.orbit-core:before {
  content: "";
  border: 1px dashed #4b8dff5e;
  border-radius: 50%;
  position: absolute;
  inset: -8px;
}

.orbit-core img {
  opacity: .9;
  width: 35px;
  height: 35px;
}

.orbit-core span {
  color: #a8c5e6;
  letter-spacing: .16em;
  font: 9px DM Mono, monospace;
  position: absolute;
  bottom: -26px;
}

.orbit-node {
  z-index: 2;
  color: #dae9f7;
  background: #101923;
  border: 1px solid #ffffff52;
  border-radius: 50%;
  place-items: center;
  width: 29px;
  height: 29px;
  font: 9px DM Mono, monospace;
  display: grid;
  position: absolute;
  box-shadow: 0 0 18px #4b8dff57;
}

.node-a {
  color: var(--cobalt);
  border-color: #4b8dffbf;
  top: 51px;
  left: 72px;
}

.node-b {
  color: var(--violet);
  border-color: #9c89ffb3;
  top: 48px;
  right: 58px;
}

.node-c {
  color: var(--emerald);
  border-color: #35d69cb3;
  bottom: 38px;
  right: 75px;
}

.manifest-bottom {
  border-top: 1px solid #91afcd29;
  padding-top: 16px;
}

.manifest-bottom div:first-child {
  flex-direction: column;
  gap: 5px;
  display: flex;
}

.manifest-bottom strong {
  color: #e0ebf6;
  letter-spacing: .05em;
  font: 12px DM Mono, monospace;
}

.manifest-bars {
  align-items: end;
  gap: 3px;
  display: flex;
}

.manifest-bars i {
  background: var(--cobalt);
  width: 5px;
  height: 17px;
  display: block;
}

.manifest-bars i:nth-child(2) {
  background: var(--emerald);
  height: 24px;
}

.manifest-bars i:nth-child(3) {
  background: var(--violet);
  height: 19px;
}

.manifest-bars i:nth-child(4) {
  background: var(--amber);
  height: 29px;
}

.manifest-bars i:nth-child(5) {
  background: var(--rose);
  height: 22px;
}

.kernels-section {
  background: #0b0e13;
}

.kernel-count {
  color: #6f7d89;
  text-transform: uppercase;
  letter-spacing: .08em;
  align-items: baseline;
  gap: 12px;
  font: 10px / 1.55 DM Mono, monospace;
  display: flex;
}

.kernel-count strong {
  color: var(--cobalt);
  letter-spacing: -.1em;
  font: 57px DM Mono, monospace;
}

.kernel-explorer {
  border: 1px solid var(--line);
  background: #0e1218;
  grid-template-columns: 210px minmax(0, 1fr);
  min-height: 410px;
  margin-top: 63px;
  display: grid;
}

.kernel-tabs {
  border-right: 1px solid var(--line);
  flex-direction: column;
  padding: 13px 0;
  display: flex;
}

.kernel-tab {
  color: #75828e;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-left: 2px solid #0000;
  grid-template-columns: 29px 19px 1fr 8px;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-height: 59px;
  padding: 0 17px;
  font-size: 12px;
  transition: color .16s, background .16s, border-color .16s;
  display: grid;
  position: relative;
}

.kernel-tab:hover {
  color: #d7e0e7;
  background: #ffffff06;
}

.kernel-tab.is-active {
  color: #f0f4f8;
  border-left-color: var(--cobalt);
  background: #4b8dff17;
}

.kernel-tab-id {
  color: #566470;
  font-size: 11px;
}

.kernel-tab.is-active .kernel-tab-id {
  color: var(--cobalt);
}

.kernel-tab-dot {
  background: #42505c;
  border-radius: 50%;
  justify-self: end;
  width: 5px;
  height: 5px;
}

.kernel-tab.is-active .kernel-tab-dot {
  background: currentColor;
  box-shadow: 0 0 10px;
}

.kernel-tab.amber.is-active {
  border-left-color: var(--amber);
  color: var(--amber);
}

.kernel-tab.violet.is-active {
  border-left-color: var(--violet);
  color: var(--violet);
}

.kernel-tab.rose.is-active {
  border-left-color: var(--rose);
  color: var(--rose);
}

.kernel-tab.emerald.is-active {
  border-left-color: var(--emerald);
  color: var(--emerald);
}

.kernel-detail {
  grid-template-columns: 1.05fr .95fr;
  display: grid;
  position: relative;
  overflow: hidden;
}

.kernel-detail:before {
  content: "";
  opacity: .17;
  pointer-events: none;
  background: radial-gradient(circle at 76%, currentColor, #0000 32%);
  position: absolute;
  inset: 0;
}

.kernel-detail.cobalt {
  color: var(--cobalt);
}

.kernel-detail.amber {
  color: var(--amber);
}

.kernel-detail.violet {
  color: var(--violet);
}

.kernel-detail.rose {
  color: var(--rose);
}

.kernel-detail.emerald {
  color: var(--emerald);
}

.kernel-detail-copy {
  z-index: 2;
  padding: 56px 52px;
  position: relative;
}

.detail-kicker {
  color: #71808e;
  letter-spacing: .13em;
  align-items: center;
  gap: 12px;
  font-size: 10px;
  display: flex;
}

.kernel-pill {
  letter-spacing: .08em;
  border: 1px solid;
  align-items: center;
  padding: 4px 7px;
  font: 10px DM Mono, monospace;
  display: inline-flex;
}

.kernel-pill.cobalt {
  color: var(--cobalt);
}

.kernel-pill.amber {
  color: var(--amber);
}

.kernel-pill.violet {
  color: var(--violet);
}

.kernel-pill.rose {
  color: var(--rose);
}

.kernel-pill.emerald {
  color: var(--emerald);
}

.kernel-detail h3 {
  color: #f4f7f9;
  letter-spacing: -.07em;
  margin: 25px 0 14px;
  font-size: clamp(35px, 4vw, 58px);
  font-weight: 500;
  line-height: .95;
}

.kernel-detail h3 span {
  color: currentColor;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 9px;
  font-family: DM Mono, monospace;
  font-size: 11px;
  line-height: 1.4;
  display: block;
}

.kernel-detail p {
  color: #9ca8b3;
  max-width: 405px;
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
}

.path-chip {
  color: #d9e0e6;
  background: #ffffff0b;
  border: 1px solid #ffffff1f;
  margin-top: 23px;
  padding: 6px 8px;
  font-size: 10px;
  display: inline-flex;
}

.kernel-details-list {
  flex-wrap: wrap;
  gap: 9px 17px;
  max-width: 455px;
  margin-top: 29px;
  display: flex;
}

.kernel-details-list span {
  color: #788692;
  align-items: center;
  gap: 5px;
  font: 10px DM Mono, monospace;
  display: inline-flex;
}

.kernel-details-list svg {
  color: currentColor;
}

.kernel-detail-graphic {
  place-items: center;
  min-height: 410px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.graphic-grid {
  opacity: .38;
  transform-origin: bottom;
  background-image: linear-gradient(#789ec114 1px, #0000 1px), linear-gradient(90deg, #789ec114 1px, #0000 1px);
  background-size: 34px 34px;
  position: absolute;
  inset: 0;
  transform: perspective(450px)rotateX(55deg)rotateZ(-7deg)scale(1.4);
}

.detail-orbit {
  place-items: center;
  width: 255px;
  height: 255px;
  display: grid;
  position: relative;
}

.detail-orbit div {
  opacity: .43;
  border: 1px solid;
  border-radius: 50%;
  position: absolute;
}

.detail-orbit div:first-child {
  border-style: dashed;
  width: 98px;
  height: 98px;
}

.detail-orbit div:nth-child(2) {
  width: 173px;
  height: 173px;
  transform: rotate(35deg)scaleY(.55);
}

.detail-orbit div:nth-child(3) {
  opacity: .24;
  width: 245px;
  height: 93px;
  transform: rotate(-35deg);
}

.detail-orbit span {
  color: currentColor;
  background: #0c1118;
  border: 1px solid;
  border-radius: 50%;
  place-items: center;
  width: 58px;
  height: 58px;
  font: 12px DM Mono, monospace;
  display: grid;
  box-shadow: 0 0 40px;
}

.detail-stat {
  color: #73818e;
  text-align: right;
  letter-spacing: .13em;
  flex-direction: column;
  gap: 4px;
  font-size: 9px;
  display: flex;
  position: absolute;
  bottom: 24px;
  right: 24px;
}

.detail-stat strong {
  color: currentColor;
  font-weight: 400;
}

.kernel-footer-note {
  align-items: center;
  gap: 18px;
  margin-top: 29px;
  display: flex;
}

.note-line {
  background: var(--cobalt);
  width: 51px;
  height: 1px;
}

.kernel-footer-note p {
  color: #77848f;
  max-width: 420px;
  margin: 0;
  font-size: 12px;
  line-height: 1.55;
}

.kernel-footer-note a {
  color: #c2d2df;
  align-items: center;
  gap: 7px;
  margin-left: auto;
  font: 10px DM Mono, monospace;
  display: inline-flex;
}

.kernel-footer-note a:hover, .text-link:hover {
  color: var(--cobalt);
}

.topology-section {
  background: linear-gradient(#0b0e13, #080a0e);
}

.topology-layout {
  grid-template-columns: .75fr 1.25fr;
  align-items: center;
  gap: clamp(52px, 9vw, 135px);
  margin-top: 68px;
  display: grid;
}

.topology-copy {
  max-width: 440px;
}

.topology-copy h2 {
  margin-bottom: 24px;
}

.topology-copy > p:not(.kicker) {
  color: #929da8;
  font-size: 14px;
  line-height: 1.75;
}

.topology-metrics {
  border-top: 1px solid var(--line);
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin: 39px 0 31px;
  padding-top: 17px;
  display: grid;
}

.topology-metrics div {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.topology-metrics strong {
  color: #e9f1f7;
  letter-spacing: -.07em;
  font: 24px DM Mono, monospace;
}

.topology-metrics strong span {
  color: var(--cobalt);
  letter-spacing: 0;
  font-size: 12px;
}

.topology-metrics span {
  color: #71808c;
  letter-spacing: .05em;
  font: 9px DM Mono, monospace;
}

.text-link {
  color: #d6e4ee;
  align-items: center;
  gap: 8px;
  font: 11px DM Mono, monospace;
  transition: color .16s;
  display: inline-flex;
}

.topology-visual {
  background: #0c1117;
  border: 1px solid #7ea5ca30;
  min-height: 430px;
  position: relative;
  overflow: hidden;
}

.topology-visual img {
  object-fit: cover;
  object-position: center;
  opacity: .83;
  width: 100%;
  height: 100%;
  min-height: 430px;
}

.topology-visual:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(0deg, #080a0eb8, #0000 40%);
  position: absolute;
  inset: 0;
}

.topology-caption {
  z-index: 2;
  color: #a0afbc;
  letter-spacing: .12em;
  justify-content: space-between;
  font: 9px DM Mono, monospace;
  display: flex;
  position: absolute;
  bottom: 17px;
  left: 18px;
  right: 18px;
}

.topology-caption span:first-child {
  color: var(--emerald);
}

.governance-section {
  background: #0b0e13;
}

.tier-explorer {
  grid-template-columns: .92fr 1.08fr;
  align-items: stretch;
  gap: 55px;
  margin-top: 68px;
  display: grid;
}

.tier-rail {
  flex-direction: column;
  gap: 9px;
  padding-left: 30px;
  display: flex;
  position: relative;
}

.tier-rail:before {
  content: "";
  background: linear-gradient(var(--cobalt), #4b8dff0a);
  width: 1px;
  position: absolute;
  top: 13px;
  bottom: 13px;
  left: 9px;
}

.tier-button {
  color: #75818c;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  grid-template-columns: 48px 1fr;
  align-items: center;
  gap: 13px;
  min-height: 69px;
  padding: 0 17px;
  transition: color .16s, background .16s, border-color .16s;
  display: grid;
  position: relative;
}

.tier-button:before {
  content: "";
  background: #0b0e13;
  border: 1px solid #586672;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  transition: background .16s, border-color .16s, box-shadow .16s;
  position: absolute;
  left: -26px;
}

.tier-button:hover {
  color: #e5ebef;
}

.tier-button.is-active {
  color: #f0f4f6;
  background: #4b8dff12;
  border-color: #4b8dff40;
}

.tier-button.is-active:before {
  border-color: var(--cobalt);
  background: var(--cobalt);
  box-shadow: 0 0 13px #4b8dffbf;
}

.tier-button span {
  color: var(--cobalt);
  font: 14px DM Mono, monospace;
}

.tier-button small {
  font-size: 13px;
}

.tier-detail {
  background: radial-gradient(circle at 85% 25%, #4b8dff29, #0000 38%), #101721;
  border: 1px solid #4b8dff4f;
  flex-direction: column;
  justify-content: center;
  min-height: 305px;
  padding: 44px 50px;
  display: flex;
  position: relative;
}

.tier-detail:after {
  content: "";
  pointer-events: none;
  border-bottom: 1px solid #4b8dff3d;
  border-right: 1px solid #4b8dff3d;
  width: 120px;
  height: 120px;
  position: absolute;
  bottom: 19px;
  right: 19px;
}

.tier-detail-top {
  align-items: center;
  gap: 15px;
  display: flex;
}

.tier-status {
  color: #71818d;
  letter-spacing: .1em;
  font-size: 10px;
}

.tier-detail h3 {
  letter-spacing: -.055em;
  margin: 26px 0 13px;
  font-size: 34px;
  font-weight: 500;
}

.tier-detail p {
  color: #9ca9b4;
  max-width: 460px;
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
}

.tier-rule {
  color: #71808b;
  letter-spacing: .11em;
  border-top: 1px solid #ffffff1f;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  max-width: 475px;
  margin-top: 35px;
  padding-top: 14px;
  font-size: 9px;
  display: flex;
}

.tier-rule strong {
  color: var(--emerald);
  font-weight: 400;
}

.tier-detail.tier-3 {
  background: radial-gradient(circle at 85% 25%, #f4b35e21, #0000 38%), #17150f;
  border-color: #f4b35e59;
}

.tier-detail.tier-3 .tier-rule strong {
  color: var(--amber);
}

.tier-detail.tier-4 {
  background: radial-gradient(circle at 85% 25%, #ff7f931c, #0000 38%), #171013;
  border-color: #ff7f9359;
}

.tier-detail.tier-4 .tier-rule strong {
  color: var(--rose);
}

.laws-row {
  border-top: 1px solid var(--line);
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
  margin-top: 77px;
  padding-top: 20px;
  display: grid;
}

.laws-row div {
  gap: 12px;
  display: flex;
}

.laws-row span {
  color: var(--cobalt);
  font: 10px DM Mono, monospace;
}

.laws-row p {
  color: #87949f;
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}

.knowledge-section {
  background: #0b0e13;
}

.knowledge-layout {
  grid-template-columns: 1.04fr .96fr;
  align-items: center;
  gap: clamp(52px, 8vw, 120px);
  margin-top: 68px;
  display: grid;
}

.knowledge-visual {
  background: #0d1315;
  border: 1px solid #35d69c38;
  min-height: 413px;
  position: relative;
  overflow: hidden;
}

.knowledge-visual img {
  object-fit: cover;
  opacity: .76;
  width: 100%;
  height: 100%;
  min-height: 413px;
}

.knowledge-visual:after {
  content: "";
  background: linear-gradient(90deg, #080a0e8f, #0000 60%), linear-gradient(0deg, #080a0eb3, #0000 40%);
  position: absolute;
  inset: 0;
}

.knowledge-overlay {
  z-index: 2;
  color: #9cabb5;
  letter-spacing: .12em;
  flex-direction: column;
  gap: 7px;
  font: 9px DM Mono, monospace;
  display: flex;
  position: absolute;
  bottom: 19px;
  left: 20px;
}

.knowledge-overlay strong {
  color: var(--emerald);
  font-weight: 400;
}

.knowledge-copy {
  max-width: 410px;
}

.knowledge-copy h2 {
  margin-bottom: 22px;
}

.knowledge-copy > p:not(.kicker) {
  color: #909ca7;
  font-size: 14px;
  line-height: 1.75;
}

.knowledge-checklist {
  border-top: 1px solid var(--line);
  grid-template-columns: 1fr 1fr;
  gap: 13px;
  margin: 35px 0 31px;
  padding-top: 21px;
  display: grid;
}

.knowledge-checklist div {
  color: #a8b4bd;
  align-items: center;
  gap: 8px;
  font: 10px DM Mono, monospace;
  display: flex;
}

.knowledge-checklist svg {
  color: var(--emerald);
}

.knowledge-checklist .muted {
  color: #687480;
}

.knowledge-checklist .muted svg {
  color: #65717d;
}

.closing-section {
  text-align: center;
  border-bottom: 1px solid var(--line);
  background: radial-gradient(circle at 50% 30%, #4b8dff21, #0000 36%), #0a0d12;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 540px;
  padding: 92px 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.closing-grid {
  opacity: .25;
  background-image: linear-gradient(#7599ba12 1px, #0000 1px), linear-gradient(90deg, #7599ba12 1px, #0000 1px);
  background-size: 70px 70px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: radial-gradient(circle, #000, #0000 69%);
  mask-image: radial-gradient(circle, #000, #0000 69%);
}

.closing-kicker {
  z-index: 2;
  color: #8394a2;
  letter-spacing: .14em;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
  font: 10px DM Mono, monospace;
  display: flex;
  position: relative;
}

.closing-section h2 {
  z-index: 2;
  font-size: clamp(48px, 7vw, 94px);
  position: relative;
}

.closing-section h2 em {
  color: var(--emerald);
  font-style: normal;
}

.closing-section p {
  z-index: 2;
  color: #8f9ba7;
  max-width: 430px;
  margin: 25px 0 31px;
  font-size: 14px;
  line-height: 1.7;
  position: relative;
}

.closing-section .button-primary {
  z-index: 2;
  position: relative;
}

.site-footer {
  background: #080a0e;
  align-items: center;
  gap: 40px;
  min-height: 104px;
  padding: 0 clamp(24px, 7vw, 122px);
  display: flex;
}

.footer-brand {
  align-items: center;
  gap: 11px;
  display: flex;
}

.footer-brand img {
  width: 27px;
  height: 27px;
}

.footer-brand div {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.footer-brand strong {
  color: #edf2f5;
  letter-spacing: .1em;
  font: 11px DM Mono, monospace;
}

.footer-brand strong i {
  color: var(--emerald);
  padding: 0 3px;
  font-style: normal;
}

.footer-brand span, .footer-meta {
  color: #63707b;
  letter-spacing: .09em;
  font: 9px DM Mono, monospace;
}

.footer-meta {
  gap: 26px;
  margin-left: auto;
  display: flex;
}

.footer-links {
  gap: 18px;
  display: flex;
}

.footer-links a {
  color: #8b99a5;
  align-items: center;
  gap: 5px;
  font: 10px DM Mono, monospace;
  display: inline-flex;
}

.footer-links a:hover {
  color: #fff;
}

.command-backdrop {
  z-index: 50;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #030508b8;
  place-items: start center;
  padding-top: 15vh;
  display: grid;
  position: fixed;
  inset: 0;
}

.command-dialog {
  width: min(520px, 100vw - 34px);
  animation: command-enter .18s var(--ease-out);
  background: #11161d;
  border: 1px solid #749ed061;
  overflow: hidden;
  box-shadow: 0 25px 100px #0000008c;
}

.command-input {
  border-bottom: 1px solid var(--line);
  color: #7f8c99;
  align-items: center;
  gap: 12px;
  padding: 16px 17px;
  display: flex;
}

.command-input input {
  color: #f0f4f7;
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  min-width: 0;
  font: 13px DM Mono, monospace;
}

.command-input input::placeholder {
  color: #687580;
}

.command-input kbd {
  color: #73818e;
  font-size: 9px;
}

.command-options {
  padding: 8px;
}

.command-options button {
  color: #aab6c0;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  grid-template-columns: 24px 1fr auto;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 12px 10px;
  font-size: 12px;
  display: grid;
}

.command-options button:hover {
  color: #f0f5f7;
  background: #4b8dff1a;
}

.command-options svg {
  color: var(--cobalt);
}

.command-options small {
  color: #61717e;
  font: 10px DM Mono, monospace;
}

.command-footer {
  border-top: 1px solid var(--line);
  color: #61717e;
  justify-content: space-between;
  padding: 12px 17px;
  font: 9px DM Mono, monospace;
  display: flex;
}

.command-footer span:first-child {
  align-items: center;
  gap: 5px;
  display: inline-flex;
}

.whatsapp-btn-header {
  color: #35d69c;
  cursor: pointer;
  background: #35d69c1f;
  border: 1px solid #35d69c59;
  align-items: center;
  gap: 7px;
  padding: 6px 12px;
  font: 11px DM Mono, monospace;
  transition: all .16s;
  display: inline-flex;
}

.whatsapp-btn-header:hover {
  background: #35d69c38;
  border-color: #35d69c;
}

.button-whatsapp {
  color: #35d69c;
  letter-spacing: .04em;
  cursor: pointer;
  background: #35d69c1f;
  border: 1px solid #35d69c66;
  align-items: center;
  gap: 9px;
  padding: 13px 18px;
  font: 11px DM Mono, monospace;
  transition: all .16s;
  display: inline-flex;
}

.button-whatsapp:hover {
  background: #35d69c3d;
  border-color: #35d69c;
  transform: translateY(-2px);
}

.button-whatsapp-lg {
  color: #07101c;
  letter-spacing: .04em;
  cursor: pointer;
  background: #35d69c;
  border: 1px solid #35d69c;
  align-items: center;
  gap: 10px;
  padding: 14px 22px;
  font: 600 11px DM Mono, monospace;
  transition: all .16s;
  display: inline-flex;
}

.button-whatsapp-lg:hover {
  background: #45e6b0;
  transform: translateY(-2px);
}

.button-secondary {
  color: #e5ebef;
  letter-spacing: .04em;
  cursor: pointer;
  background: #ffffff0f;
  border: 1px solid #ffffff2e;
  align-items: center;
  gap: 12px;
  padding: 13px 18px;
  font: 11px DM Mono, monospace;
  transition: all .16s;
  display: inline-flex;
}

.button-secondary:hover {
  background: #ffffff1f;
  border-color: #ffffff59;
  transform: translateY(-2px);
}

.email-chip {
  color: var(--cobalt);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font: 11px DM Mono, monospace;
  text-decoration: underline;
}

.email-chip:hover {
  color: #fff;
}

.services-section {
  background: #0b0e13;
}

.services-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-top: 56px;
  display: grid;
}

.service-card {
  background: #11161d;
  border: 1px solid #4b8dff2e;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px 26px;
  transition: border-color .2s, transform .2s;
  display: flex;
  position: relative;
}

.service-card:hover {
  border-color: #4b8dff8c;
  transform: translateY(-3px);
}

.service-card-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 22px;
  display: flex;
}

.service-tag {
  color: var(--cobalt);
  letter-spacing: .1em;
  font: 9px DM Mono, monospace;
}

.service-icon {
  color: var(--cobalt);
}

.service-card h3 {
  letter-spacing: -.02em;
  margin: 0 0 12px;
  font-size: 20px;
  font-weight: 500;
}

.service-card p {
  color: #929da8;
  margin: 0;
  font-size: 13px;
  line-height: 1.65;
}

.service-footer {
  color: #6b7a88;
  border-top: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  margin-top: 28px;
  padding-top: 16px;
  font: 10px DM Mono, monospace;
  display: flex;
}

.service-footer a {
  color: var(--cobalt);
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.button-pay-trigger {
  color: #4b8dff;
  letter-spacing: .06em;
  cursor: pointer;
  background: #0070f326;
  border: 1px solid #0070f366;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font: 10px DM Mono, monospace;
  transition: all .15s;
  display: inline-flex;
}

.button-pay-trigger:hover {
  color: #fff;
  background: #0070f340;
  border-color: #0070f3;
}

.modal-backdrop {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  z-index: 100;
  background: #000000bf;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: fixed;
  inset: 0;
}

.modal-box {
  background: #11161d;
  border: 1px solid #ffffff26;
  width: 100%;
  max-width: 480px;
  padding: 32px;
  position: relative;
  box-shadow: 0 24px 64px #0009;
}

.modal-header {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
  display: flex;
}

.modal-kicker {
  letter-spacing: .12em;
  color: var(--cobalt);
  text-transform: uppercase;
  margin-bottom: 6px;
  font: 9px DM Mono, monospace;
  display: block;
}

.modal-header h3 {
  color: #fff;
  margin: 0;
  font-size: 20px;
  font-weight: 500;
}

.modal-close {
  color: #8a99a8;
  cursor: pointer;
  background: none;
  border: none;
  padding: 4px;
}

.modal-close:hover {
  color: #fff;
}

.checkout-summary {
  background: #0a0d12;
  border: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding: 14px 18px;
  font-size: 14px;
  display: flex;
}

.checkout-summary strong {
  color: var(--emerald);
  font-family: DM Mono, monospace;
  font-size: 16px;
}

.checkout-note {
  color: #929da8;
  margin-bottom: 24px;
  font-size: 13px;
  line-height: 1.6;
}

.paypal-sandbox-mock {
  text-align: center;
  background: #0070f30d;
  border: 1px solid #0070f34d;
  padding: 20px;
}

.paypal-logo-badge {
  color: #8a99a8;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  font-size: 12px;
  display: inline-flex;
}

.paypal-logo-badge strong {
  color: #fff;
}

.paypal-button-sim {
  color: #111;
  cursor: pointer;
  background: #ffc439;
  border-radius: 4px;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 14px 24px;
  font-weight: 600;
  transition: transform .15s;
  display: flex;
}

.paypal-button-sim:hover {
  background: #f4bb33;
  transform: scale(1.02);
}

.paypal-btn-inner {
  align-items: center;
  gap: 6px;
  font-family: sans-serif;
  font-size: 15px;
  display: flex;
}

.paypal-btn-sub {
  letter-spacing: .06em;
  color: #333;
  text-transform: uppercase;
  font: 10px DM Mono, monospace;
}

.modal-footer {
  color: #6b7a88;
  border-top: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  margin-top: 28px;
  padding-top: 16px;
  font: 10px DM Mono, monospace;
  display: flex;
}

.success-box {
  text-align: center;
  max-width: 520px;
}

.success-icon-wrap {
  width: 56px;
  height: 56px;
  color: var(--emerald);
  background: #10b98126;
  border: 1px solid #10b98166;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin: 0 auto 20px;
  display: flex;
}

.success-box h3 {
  color: #fff;
  margin: 8px 0 12px;
  font-size: 22px;
}

.success-box p {
  color: #929da8;
  margin-bottom: 24px;
  font-size: 13px;
  line-height: 1.6;
}

.redirect-status-box {
  color: var(--cobalt);
  background: #4b8dff14;
  border: 1px solid #4b8dff33;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  padding: 12px;
  font: 12px DM Mono, monospace;
  display: flex;
}

.spinner-mini {
  border: 2px solid #4b8dff4d;
  border-top-color: var(--cobalt);
  border-radius: 50%;
  width: 14px;
  height: 14px;
  animation: .8s linear infinite spin;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.fallback-booking-card {
  text-align: left;
  background: #0a0d12;
  border: 1px solid #ffffff1a;
  margin-bottom: 20px;
  padding: 20px;
}

.fallback-booking-card p {
  color: #a0aec0;
  margin-bottom: 12px;
  font-size: 12px;
}

.fallback-row {
  gap: 8px;
  margin-bottom: 12px;
  display: flex;
}

.fallback-row input {
  color: #fff;
  background: #161b22;
  border: 1px solid #ffffff26;
  flex: 1;
  padding: 8px 12px;
  font: 12px DM Mono, monospace;
}

.fallback-row button {
  color: #fff;
  cursor: pointer;
  background: #21262d;
  border: 1px solid #fff3;
  align-items: center;
  gap: 6px;
  padding: 0 16px;
  font: 12px DM Mono, monospace;
  transition: background .15s;
  display: inline-flex;
}

.fallback-row button:hover {
  background: #30363d;
}

.button-full {
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.button-text-dismiss {
  color: #8a99a8;
  cursor: pointer;
  background: none;
  border: none;
  font: 11px DM Mono, monospace;
  text-decoration: underline;
}

.button-text-dismiss:hover {
  color: #fff;
}

.service-badge-pill {
  color: var(--cobalt);
  letter-spacing: .08em;
  background: #4b8dff1f;
  border: 1px solid #4b8dff4d;
  padding: 3px 8px;
  font: 9px DM Mono, monospace;
}

.price-tag {
  color: var(--emerald);
  letter-spacing: .04em;
  font: 500 12px DM Mono, monospace;
}

.pillars-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 56px;
  display: grid;
}

.pillar-card {
  background: #11161d;
  border: 1px solid #ffffff1a;
  flex-direction: column;
  justify-content: space-between;
  padding: 34px 28px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.pillar-card:hover {
  border-color: #4b8dff80;
  transform: translateY(-3px);
}

.pillar-cluster {
  color: var(--cobalt);
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 14px;
  font: 9px DM Mono, monospace;
  display: inline-block;
}

.pillar-card h4 {
  letter-spacing: -.02em;
  color: #f0f4f7;
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: 500;
}

.pillar-card p {
  color: #929da8;
  margin: 0 0 24px;
  font-size: 13px;
  line-height: 1.65;
}

.pillar-card a {
  color: var(--cobalt);
  align-items: center;
  gap: 6px;
  font: 11px DM Mono, monospace;
  display: inline-flex;
}

.workshops-section {
  background: #080a0e;
}

.workshops-layout {
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin-top: 56px;
  display: grid;
}

.workshop-card {
  background: #10151c;
  border: 1px solid #ffffff1f;
  flex-direction: column;
  justify-content: space-between;
  padding: 44px 38px;
  display: flex;
  position: relative;
}

.workshop-card.featured {
  background: radial-gradient(circle at 90% 10%, #35d69c1a, #0000 45%), #10171d;
  border-color: #35d69c73;
}

.workshop-badge {
  color: #35d69c;
  letter-spacing: .12em;
  background: #35d69c26;
  width: fit-content;
  margin-bottom: 16px;
  padding: 4px 10px;
  font: 9px DM Mono, monospace;
  display: inline-block;
}

.workshop-card:not(.featured) .workshop-badge {
  color: var(--cobalt);
  background: #4b8dff26;
}

.workshop-card h3 {
  letter-spacing: -.03em;
  margin: 0 0 8px;
  font-size: 26px;
  font-weight: 500;
}

.workshop-price {
  color: var(--emerald);
  letter-spacing: .08em;
  margin: 0 0 16px;
  font: 12px DM Mono, monospace;
}

.workshop-card:not(.featured) .workshop-price {
  color: var(--cobalt);
}

.workshop-desc {
  color: #9aa7b4;
  margin: 0 0 24px;
  font-size: 14px;
  line-height: 1.65;
}

.workshop-features {
  border-top: 1px solid #ffffff14;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 24px;
  padding-top: 20px;
  display: flex;
}

.workshop-features span {
  color: #b1bcc7;
  align-items: center;
  gap: 8px;
  font: 12px DM Mono, monospace;
  display: inline-flex;
}

.workshop-features svg {
  color: var(--emerald);
  flex-shrink: 0;
}

.workshop-target {
  color: #7f8e9c;
  margin-bottom: 28px;
  font-size: 12px;
  line-height: 1.5;
}

.workshop-target strong {
  color: #d0dbe5;
  font-weight: 500;
}

.workshop-ctas {
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  display: flex;
}

.closing-actions {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin: 32px 0;
  display: flex;
}

.closing-email {
  color: #7b8a97;
  font: 12px DM Mono, monospace;
}

.closing-email a {
  color: var(--cobalt);
  text-decoration: underline;
}

.footer-wa-link {
  color: #35d69c;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 4px;
  font: 10px DM Mono, monospace;
  display: inline-flex;
}

.knowledge-topology-marker, .footer-topology-marker {
  background: radial-gradient(circle, #4b8dff2e, #080a0e00 58%);
  border: 1px solid #69a9f642;
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 52px;
  height: 52px;
  display: grid;
  position: relative;
}

.knowledge-topology-marker:before, .footer-topology-marker:before, .knowledge-topology-marker:after, .footer-topology-marker:after {
  content: "";
  border: 1px solid #69a9f629;
  border-radius: 50%;
  position: absolute;
}

.knowledge-topology-marker:before, .footer-topology-marker:before {
  inset: 8px;
}

.knowledge-topology-marker:after, .footer-topology-marker:after {
  inset: 17px;
}

.knowledge-topology-marker i, .footer-topology-marker i {
  background: #dff4ff;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 13px #4b8dffe6;
}

.knowledge-topology-marker span, .footer-topology-marker span {
  background: #67e8c5;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
  box-shadow: 0 0 8px #67e8c5b8;
}

.knowledge-topology-marker span:first-of-type, .footer-topology-marker span:first-of-type {
  top: 6px;
  left: 23px;
}

.knowledge-topology-marker span:nth-of-type(2), .footer-topology-marker span:nth-of-type(2) {
  top: 16px;
  right: 5px;
}

.knowledge-topology-marker span:nth-of-type(3), .footer-topology-marker span:nth-of-type(3) {
  bottom: 8px;
  right: 10px;
}

.knowledge-topology-marker span:nth-of-type(4), .footer-topology-marker span:nth-of-type(4) {
  bottom: 7px;
  left: 13px;
}

.knowledge-topology-marker span:nth-of-type(5), .footer-topology-marker span:nth-of-type(5) {
  top: 17px;
  left: 5px;
}

.knowledge-topology-marker {
  margin: 0 0 15px;
}

.footer-topology-marker {
  transform-origin: center;
  opacity: .9;
  width: 36px;
  height: 36px;
  margin-right: -24px;
  transform: scale(.72);
}

.footer-brand-fallback {
  color: #8fc7ff;
  background: #4b8dff1a;
  border: 1px solid #59a0ff80;
  border-radius: 50%;
  place-items: center;
  width: 30px;
  height: 30px;
  display: grid;
}

@media (max-width: 1024px) {
  .hero-visual-fallback {
    min-height: 390px;
  }
}

@media (max-width: 650px) {
  .hero-visual-fallback {
    min-height: 310px;
  }

  .hero-fallback-core {
    width: 126px;
    height: 126px;
  }

  .hero-visual-fallback p {
    font-size: 8px;
    bottom: 16px;
    right: 18px;
  }
}

@keyframes command-enter {
  from {
    opacity: 0;
    transform: translateY(-10px)scale(.98);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@media (max-width: 1000px) {
  .desktop-nav {
    gap: 15px;
  }

  .manifest-link {
    display: none;
  }

  .hero-section {
    grid-template-columns: 1fr;
    padding-top: 128px;
  }

  .hero-copy {
    max-width: 700px;
  }

  .hero-visual, .hero-visual img {
    min-height: 390px;
  }

  .hero-rail {
    display: none;
  }

  .signal-strip {
    grid-template-columns: 1fr 1fr;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .layer-layout, .topology-layout, .knowledge-layout {
    gap: 45px;
  }

  .layer-layout {
    grid-template-columns: 1fr;
  }

  .manifest-card {
    min-height: 360px;
    position: relative;
    top: auto;
  }

  .manifest-orbit {
    min-height: 210px;
  }

  .topology-layout, .knowledge-layout {
    grid-template-columns: 1fr;
  }

  .topology-copy, .knowledge-copy {
    max-width: none;
  }

  .topology-visual, .knowledge-visual, .topology-visual img, .knowledge-visual img {
    min-height: 360px;
  }

  .tier-explorer {
    gap: 25px;
  }

  .tier-detail {
    padding: 35px;
  }
}

@media (max-width: 1340px) and (min-width: 1181px) {
  .topbar {
    gap: 20px;
    padding-left: clamp(20px, 2.5vw, 34px);
    padding-right: clamp(20px, 2.5vw, 34px);
  }

  .desktop-nav {
    gap: 9px;
    margin-left: 0;
  }

  .nav-group-title {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 11px;
  }

  .topbar-actions {
    gap: 9px;
  }

  .topbar-actions .knowledge-header-link, .topbar-actions .manifest-link, .instagram-header-link {
    display: none;
  }
}

@media (max-width: 720px) {
  .topbar {
    height: 64px;
    padding: 0 20px;
  }

  .desktop-nav, .compact-scroll-nav, .topbar-scrolled .compact-scroll-nav, .search-trigger, .knowledge-header-link, .instagram-header-link {
    display: none;
  }

  .topbar-actions {
    gap: 8px;
  }

  .theme-toggle {
    flex: none;
  }

  .mobile-menu-button {
    place-items: center;
    margin-left: 5px;
    display: grid;
  }

  .mobile-menu {
    background: #0d1117f5;
    border: 1px solid #749ed04d;
    flex-direction: column;
    padding: 9px;
    display: flex;
    position: absolute;
    top: 64px;
    left: 15px;
    right: 15px;
    box-shadow: 0 20px 60px #00000059;
  }

  .mobile-menu a, .mobile-menu button {
    color: #b5c0ca;
    text-align: left;
    background: none;
    border: 0;
    border-bottom: 1px solid #ffffff12;
    justify-content: space-between;
    align-items: center;
    padding: 14px 12px;
    font-size: 13px;
    display: flex;
  }

  .mobile-menu button {
    border-bottom: 0;
    justify-content: flex-start;
    gap: 9px;
  }

  .mobile-menu a:last-of-type {
    border-bottom: 0;
  }

  .open-lab-ticker {
    font-size: 9px;
  }

  .ticker-label {
    gap: 6px;
    padding: 0 10px;
  }

  .ticker-label small {
    display: none;
  }

  .ticker-item {
    gap: 7px;
    padding-right: 26px;
  }

  .ticker-item strong {
    font-size: 8px;
  }

  .hero-section {
    min-height: auto;
    padding: 118px 20px 62px;
  }

  .hero-copy h1 {
    font-size: clamp(52px, 15vw, 78px);
  }

  .hero-lead {
    font-size: 14px;
  }

  .hero-research-deployable-grid {
    grid-template-columns: 1fr;
  }

  .hero-research-deployable-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
  }

  .hero-research-deployable-list > p {
    grid-column: 1 / -1;
  }

  .hero-deployable-tooltip-trigger {
    grid-template-columns: 16px minmax(0, 1fr);
  }

  .hero-service-label {
    letter-spacing: .075em;
    font-size: 8px;
  }

  .hero-research-links {
    gap: 9px;
  }

  .hero-service-overview {
    font-size: 9px;
  }

  .hero-ctas {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
  }

  .hero-note {
    margin-top: 36px;
  }

  .hero-visual {
    min-height: 310px;
    margin-top: 34px;
  }

  .hero-visual img {
    min-height: 310px;
  }

  .hero-pathways-panel {
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    padding: 6px;
  }

  .hero-pathways-intro {
    display: none;
  }

  .hero-pathway-card {
    gap: 4px;
    min-height: 86px;
    padding: 8px;
  }

  .hero-pathway-card strong {
    white-space: normal;
    font-size: 9px;
  }

  .hero-pathway-card > span:not(.hero-pathway-card-topline):not(.hero-pathway-pattern) {
    white-space: normal;
    font-size: 7px;
  }

  .telemetry {
    font-size: 8px;
    left: 12px;
    right: 12px;
  }

  .hero-stamp {
    display: none;
  }

  .signal-strip {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 18px 20px;
  }

  .signal-strip > div {
    white-space: normal;
  }

  .signal-strip > div:nth-child(3) {
    order: 4;
  }

  .section {
    padding: 77px 20px;
  }

  .section-heading {
    margin-top: 22px;
  }

  .split-heading {
    display: block;
  }

  .heading-aside {
    max-width: 480px;
    margin-top: 27px;
  }

  .section-heading h2, .topology-copy h2, .knowledge-copy h2 {
    font-size: clamp(42px, 12vw, 60px);
  }

  .layer-layout {
    margin-top: 43px;
  }

  .layer-row {
    grid-template-columns: 28px 20px 1fr 14px;
    gap: 10px;
    min-height: 135px;
  }

  .layer-row h3 {
    font-size: 17px;
  }

  .layer-row p {
    font-size: 12px;
  }

  .manifest-card {
    min-height: 355px;
  }

  .kernel-count {
    margin-top: 26px;
  }

  .kernel-count strong {
    font-size: 45px;
  }

  .kernel-explorer {
    margin-top: 42px;
    display: block;
  }

  .kernel-tabs {
    border-right: 0;
    border-bottom: 1px solid var(--line);
    grid-template-columns: repeat(5, 1fr);
    padding: 0;
    display: grid;
    overflow-x: auto;
  }

  .kernel-tab {
    text-align: center;
    border-bottom: 2px solid #0000;
    border-left: 0;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    min-width: 71px;
    min-height: 76px;
    padding: 8px 5px;
    font-size: 10px;
    display: flex;
  }

  .kernel-tab.is-active {
    border-left: 0;
    border-bottom-color: var(--cobalt);
  }

  .kernel-tab.amber.is-active {
    border-bottom-color: var(--amber);
  }

  .kernel-tab.violet.is-active {
    border-bottom-color: var(--violet);
  }

  .kernel-tab.rose.is-active {
    border-bottom-color: var(--rose);
  }

  .kernel-tab.emerald.is-active {
    border-bottom-color: var(--emerald);
  }

  .kernel-tab-id {
    display: none;
  }

  .kernel-tab-dot {
    position: absolute;
    top: 9px;
    right: 10px;
  }

  .kernel-detail {
    display: block;
  }

  .kernel-detail-copy {
    padding: 38px 24px 30px;
  }

  .kernel-detail h3 {
    font-size: 47px;
  }

  .kernel-detail-graphic {
    min-height: 240px;
  }

  .kernel-footer-note {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .kernel-footer-note a {
    margin-left: 69px;
  }

  .kernel-footer-note p {
    flex: 1;
    min-width: 200px;
  }

  .topology-layout, .knowledge-layout {
    margin-top: 43px;
  }

  .topology-metrics {
    gap: 8px;
  }

  .topology-metrics strong {
    font-size: 19px;
  }

  .topology-metrics span {
    font-size: 8px;
  }

  .topology-visual, .knowledge-visual, .topology-visual img, .knowledge-visual img {
    min-height: 290px;
  }

  .tier-explorer {
    margin-top: 43px;
    display: block;
  }

  .tier-rail {
    grid-template-columns: repeat(5, 1fr);
    gap: 5px;
    padding: 0 0 13px;
    display: grid;
  }

  .tier-rail:before {
    width: auto;
    height: 1px;
    inset: auto 7px 4px;
  }

  .tier-button {
    text-align: center;
    flex-direction: column;
    gap: 6px;
    min-height: 66px;
    padding: 8px 3px;
    display: flex;
  }

  .tier-button:before {
    width: 7px;
    height: 7px;
    bottom: -17px;
    left: 50%;
    transform: translateX(-50%);
  }

  .tier-button span {
    font-size: 11px;
  }

  .tier-button small {
    font-size: 9px;
    line-height: 1.2;
  }

  .tier-detail {
    min-height: 280px;
    margin-top: 20px;
    padding: 31px 23px;
  }

  .tier-detail h3 {
    font-size: 28px;
  }

  .tier-rule {
    line-height: 1.8;
    display: block;
  }

  .tier-rule strong {
    display: block;
  }

  .laws-row {
    grid-template-columns: 1fr 1fr;
    gap: 19px;
    margin-top: 51px;
  }

  .laws-row p {
    font-size: 11px;
  }

  .knowledge-checklist {
    gap: 12px 8px;
  }

  .knowledge-checklist div {
    font-size: 9px;
  }

  .closing-section {
    min-height: 475px;
    padding: 70px 20px;
  }

  .closing-section h2 {
    font-size: 58px;
  }

  .site-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
    padding: 28px 20px;
  }

  .footer-meta {
    flex-direction: column;
    order: 3;
    gap: 8px;
    margin-left: 0;
  }

  .footer-links {
    justify-content: space-between;
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *, :before, :after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

.open-lab-ticker {
  z-index: 160;
  contain: paint;
  white-space: nowrap;
  direction: ltr;
  background: linear-gradient(90deg, #061422 0%, #080a0e 32%, #090d14 100%);
  border-bottom: 1px solid #4b8dff42;
  align-items: center;
  height: 38px;
  font-family: DM Mono, monospace;
  font-size: 10px;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.ticker-label {
  color: #f0f7ff;
  letter-spacing: .08em;
  background: linear-gradient(90deg, #0b83eb, #1554bb);
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  height: 100%;
  padding: 0 17px;
  font-weight: 600;
  display: flex;
  box-shadow: 14px 0 28px #004fbb42;
}

.ticker-label small {
  color: #edf7ffb8;
  letter-spacing: .06em;
  font-size: 8px;
  font-weight: 400;
}

.ticker-dot {
  background: #10b981;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 1.5s infinite pulse-dot;
  box-shadow: 0 0 8px #10b981;
}

@keyframes pulse-dot {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .3;
  }
}

.ticker-track-wrap {
  flex: 1;
  display: flex;
  overflow: hidden;
}

.ticker-track {
  min-width: max-content;
  animation: 64s linear infinite ticker-scroll;
  display: flex;
}

.ticker-track:hover {
  animation-play-state: paused;
}

.ticker-item {
  color: #9eb1c3;
  letter-spacing: .025em;
  align-items: center;
  gap: 9px;
  padding-right: 34px;
  display: inline-flex;
}

.ticker-item strong {
  color: #78d6b3;
  letter-spacing: .1em;
  font-size: 9px;
}

.ticker-item i {
  color: #4a89e7;
  font-size: 8px;
  font-style: normal;
}

@keyframes ticker-scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

.manifesto-section {
  padding: 80px 0;
}

.manifesto-card-3d {
  background: linear-gradient(135deg, #11161d 0%, #0a0d12 100%);
  border: 1px solid #4b8dff4d;
  border-radius: 4px;
  padding: 56px 48px;
  transition: transform .3s, box-shadow .3s;
  position: relative;
  transform: perspective(1000px)rotateX(1deg);
  box-shadow: 0 20px 50px #00000080, inset 0 1px #ffffff1a;
}

.manifesto-card-3d:hover {
  transform: perspective(1000px)rotateX(0)translateY(-4px);
  box-shadow: 0 30px 70px #0070f340;
}

.manifesto-grid-pattern {
  opacity: .4;
  pointer-events: none;
  background-image: radial-gradient(#4b8dff26 1px, #0000 1px);
  background-size: 24px 24px;
  position: absolute;
  inset: 0;
}

.manifesto-badge {
  color: var(--cobalt);
  letter-spacing: .1em;
  background: #4b8dff1f;
  border: 1px solid #4b8dff4d;
  margin-bottom: 20px;
  padding: 4px 10px;
  font: 10px DM Mono, monospace;
  display: inline-block;
}

.manifesto-card-3d h2 {
  letter-spacing: -.03em;
  color: #fff;
  margin: 0 0 20px;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.15;
}

.manifesto-card-3d h2 span {
  color: var(--cobalt);
}

.manifesto-lead {
  color: #a0aec0;
  max-width: 780px;
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 1.7;
}

.manifesto-pillars-row {
  border-top: 1px solid #ffffff1a;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-bottom: 40px;
  padding-top: 36px;
  display: grid;
}

.mp-col {
  flex-direction: column;
  display: flex;
}

.mp-num {
  color: var(--cobalt);
  margin-bottom: 12px;
  font: 12px DM Mono, monospace;
}

.mp-col h4 {
  color: #f0f4f7;
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 500;
}

.mp-col p {
  color: #8a99a8;
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
}

.manifesto-footer-cta {
  align-items: center;
  gap: 16px;
  display: flex;
}

.service-card-3d, .workshop-card-3d {
  transition: transform .25s, border-color .25s, box-shadow .25s;
}

.service-card-3d:hover, .workshop-card-3d:hover {
  border-color: #4b8dff80;
  transform: translateY(-5px);
  box-shadow: 0 16px 40px #0009;
}

.hero-3d-asset {
  transition: transform .4s;
}

.hero-3d-asset:hover {
  transform: scale(1.02)rotate(1deg);
}

.blogs-header {
  text-align: center;
  max-width: 800px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

.blogs-header h1 {
  letter-spacing: -.03em;
  color: #fff;
  margin: 16px 0 20px;
  font-size: 42px;
  font-weight: 500;
}

.blog-card {
  cursor: pointer;
  background: #11161d;
  border: 1px solid #ffffff1a;
  border-radius: 4px;
  flex-direction: column;
  padding: 28px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.blog-card:hover {
  background: linear-gradient(135deg, #161c24 0%, #10151c 100%);
  border-color: #4b8dff80;
  transform: translateY(-4px);
  box-shadow: 0 16px 40px #0009;
}

.blog-meta-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  font: 10px DM Mono, monospace;
  display: flex;
}

.blog-cat {
  color: var(--cobalt);
  text-transform: uppercase;
  letter-spacing: .08em;
}

.blog-time {
  color: #6b7a88;
}

.blog-card h3 {
  color: #fff;
  margin: 0 0 12px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.35;
}

.blog-card p {
  color: #929da8;
  flex: 1;
  margin: 0 0 20px;
  font-size: 13px;
  line-height: 1.6;
}

.blog-modal-box {
  max-height: 85vh;
  overflow-y: auto;
  max-width: 800px !important;
}

.blog-prose {
  color: #c5d0de;
  margin-bottom: 36px;
  font-size: 14px;
  line-height: 1.8;
}

.blog-prose a {
  color: var(--cobalt);
  text-decoration: underline;
}

.blog-cta-box {
  text-align: center;
  background: #0070f314;
  border: 1px solid #0070f34d;
  margin-top: 32px;
  padding: 28px;
}

.blog-cta-box h4 {
  color: #fff;
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 500;
}

.blog-cta-box p {
  color: #929da8;
  margin: 0 0 20px;
  font-size: 13px;
}

.blog-cta-row {
  justify-content: center;
  gap: 12px;
  display: flex;
}

.format-indicator {
  color: var(--emerald);
  background: #10b9811a;
  border: 1px solid #10b9814d;
  align-items: center;
  gap: 6px;
  margin-bottom: 12px;
  padding: 3px 8px;
  font: 11px DM Mono, monospace;
  display: inline-flex;
}

.active-nav {
  border-bottom: 2px solid var(--cobalt);
  color: var(--cobalt) !important;
}

@media (max-width: 1024px) {
  .blogs-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .manifesto-pillars-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .blogs-grid {
    grid-template-columns: 1fr;
  }
}

.calm-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  display: grid;
}

.calm-service-card {
  background: linear-gradient(135deg, #11161d 0%, #0a0d12 100%);
  border: 1px solid #ffffff1a;
  border-radius: 6px;
  flex-direction: column;
  padding: 36px 28px;
  transition: transform .25s, border-color .25s, box-shadow .25s;
  display: flex;
  position: relative;
}

.calm-service-card:hover {
  border-color: #4b8dff66;
  transform: translateY(-4px);
  box-shadow: 0 20px 50px #00000080;
}

.calm-service-card h3 {
  color: #fff;
  letter-spacing: -.02em;
  margin: 12px 0 6px;
  font-size: 20px;
  font-weight: 500;
}

.calm-tier-sub {
  color: var(--cobalt);
  letter-spacing: .04em;
  margin-bottom: 16px;
  font: 12px DM Mono, monospace;
}

.calm-desc {
  color: #929da8;
  flex: 1;
  margin-bottom: 28px;
  font-size: 14px;
  line-height: 1.6;
}

.service-dual-ctas {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 14px;
  display: grid;
}

.calm-action-btn {
  text-align: center;
  justify-content: center;
  padding: 10px 12px !important;
  font-size: 12px !important;
}

.calm-payment-note {
  color: #6b7a88;
  text-align: center;
  letter-spacing: .04em;
  font: 10px DM Mono, monospace;
}

.calm-workshops-layout {
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
  display: grid;
}

.calm-workshop-card {
  background: linear-gradient(135deg, #11161d 0%, #0a0d12 100%);
  border: 1px solid #ffffff1a;
  border-radius: 6px;
  flex-direction: column;
  padding: 40px;
  display: flex;
  position: relative;
}

.workshop-duration {
  color: var(--emerald);
  letter-spacing: .04em;
  margin: 8px 0 16px;
  font: 12px DM Mono, monospace;
}

@media (max-width: 1024px) {
  .calm-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .calm-workshops-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .calm-grid, .service-dual-ctas {
    grid-template-columns: 1fr;
  }
}

.blogs-page-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 120px 24px 80px;
}

.blogs-header {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 56px;
}

.blogs-header h1 {
  color: #fff;
  letter-spacing: -.03em;
  margin: 16px 0;
  font-size: clamp(32px, 4vw, 48px);
  font-weight: 500;
}

.blogs-search-wrap {
  max-width: 600px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.search-icon {
  color: #6b7a88;
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translateY(-50%);
}

.blogs-search-input {
  color: #fff;
  width: 100%;
  transition: border-color 200px ease;
  background: #11161d;
  border: 1px solid #ffffff26;
  border-radius: 6px;
  outline: none;
  padding: 16px 20px 16px 52px;
  font-size: 15px;
}

.blogs-search-input:focus {
  border-color: var(--cobalt);
  box-shadow: 0 0 0 3px #4b8dff26;
}

.blogs-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  display: grid;
}

.blog-card {
  cursor: pointer;
  background: #0f1319;
  border: 1px solid #ffffff14;
  border-radius: 6px;
  flex-direction: column;
  padding: 28px;
  transition: transform .2s, border-color .2s, box-shadow .2s;
  display: flex;
}

.blog-card:hover {
  border-color: #4b8dff59;
  transform: translateY(-3px);
  box-shadow: 0 16px 36px #0006;
}

.blog-meta-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  display: flex;
}

.blog-cat {
  color: var(--cobalt);
  text-transform: uppercase;
  letter-spacing: .06em;
  font: 11px DM Mono, monospace;
}

.blog-time {
  color: #6b7a88;
  font: 11px DM Mono, monospace;
}

.blog-card h3 {
  color: #fff;
  letter-spacing: -.01em;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.35;
}

.blog-card p {
  color: #929da8;
  flex: 1;
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 1.55;
}

.blog-card-footer {
  color: #6b7a88;
  border-top: 1px solid #ffffff0f;
  justify-content: space-between;
  align-items: center;
  padding-top: 14px;
  font: 11px DM Mono, monospace;
  display: flex;
}

.read-more-link {
  color: var(--cobalt);
  align-items: center;
  gap: 4px;
  font-weight: 500;
  display: flex;
}

.blog-modal-box {
  flex-direction: column;
  max-height: 85vh;
  display: flex;
  width: 92% !important;
  max-width: 840px !important;
}

.blog-content-body {
  overflow-y: auto;
  padding: 32px 40px !important;
}

.blog-date-author {
  color: #6b7a88;
  margin-bottom: 16px;
  font: 12px DM Mono, monospace;
}

.blog-lead-para {
  color: #cbd5e1;
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.blog-prose h2 {
  color: #fff;
  letter-spacing: -.01em;
  margin: 32px 0 12px;
  font-size: 20px;
  font-weight: 500;
}

.blog-prose p {
  color: #929da8;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 1.7;
}

.blog-prose ul {
  color: #929da8;
  margin: 16px 0 24px 20px;
  font-size: 14px;
  line-height: 1.6;
}

.blog-prose li {
  margin-bottom: 8px;
}

.blog-prose pre {
  color: #79c0ff;
  background: #07090d;
  border: 1px solid #ffffff1a;
  border-radius: 4px;
  margin: 20px 0;
  padding: 16px;
  font: 13px DM Mono, monospace;
  overflow-x: auto;
}

.blog-prose a {
  color: var(--cobalt);
  text-underline-offset: 3px;
  text-decoration: underline;
}

.blog-cta-box {
  background: linear-gradient(135deg, #4b8dff1a 0%, #10b9810d 100%);
  border: 1px solid #4b8dff4d;
  border-radius: 6px;
  margin-top: 40px;
  padding: 28px;
}

.blog-cta-box h4 {
  color: #fff;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 500;
}

.blog-cta-box p {
  color: #929da8;
  margin-bottom: 18px;
  font-size: 13px;
}

.blog-cta-row {
  gap: 12px;
  display: flex;
}

@media (max-width: 1024px) {
  .blogs-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .blogs-grid {
    grid-template-columns: 1fr;
  }

  .blog-cta-row {
    flex-direction: column;
  }
}

.variant-card-hover-fx {
  will-change: transform;
  transition: transform .3s cubic-bezier(.23, 1, .32, 1), box-shadow .3s cubic-bezier(.23, 1, .32, 1), border-color .3s;
}

.variant-card-hover-fx:hover {
  border-color: #00f0ff59;
  transform: translateY(-6px);
  box-shadow: 0 20px 40px #00f0ff14, 0 0 25px #0066ff0f;
}

.variant-feature-list {
  flex-direction: column;
  gap: .5rem;
  margin: 1rem 0 1.5rem;
  padding: 0;
  list-style: none;
  display: flex;
}

.variant-feature-list li {
  color: #94a3b8;
  align-items: center;
  gap: .5rem;
  font-size: .85rem;
  display: flex;
}

.variant-feature-list li svg {
  color: #00f0ff;
  flex-shrink: 0;
}

.calculator-section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 4rem 2rem;
}

.calculator-card-3d {
  background: linear-gradient(135deg, #0d1117f2, #080c12fa);
  border: 1px solid #00f0ff2e;
  border-radius: 16px;
  padding: 3rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 30px 60px #00000080, inset 0 1px #ffffff0f;
}

.calc-header {
  margin-bottom: 2.5rem;
}

.calc-kicker {
  text-transform: uppercase;
  letter-spacing: .15em;
  color: #00f0ff;
  align-items: center;
  gap: .5rem;
  margin-bottom: .75rem;
  font-size: .8rem;
  display: flex;
}

.calc-header h2 {
  color: #fff;
  letter-spacing: -.02em;
  font-size: 1.85rem;
  font-weight: 700;
}

.calc-subtitle {
  color: #94a3b8;
  margin-top: .5rem;
  font-size: .95rem;
}

.calc-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-bottom: 2.5rem;
  display: grid;
}

@media (max-width: 900px) {
  .calc-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}

.calc-control-group {
  background: #ffffff05;
  border: 1px solid #ffffff0f;
  border-radius: 12px;
  padding: 1.5rem;
}

.calc-control-group label {
  flex-direction: column;
  gap: .5rem;
  margin-bottom: 1rem;
  display: flex;
}

.calc-control-group label span {
  color: #94a3b8;
  font-size: .85rem;
}

.calc-control-group label strong {
  color: #fff;
  font-size: 1.05rem;
}

.calc-range {
  accent-color: #00f0ff;
  cursor: pointer;
  width: 100%;
  margin-bottom: .5rem;
}

.calc-range-ticks {
  color: #64748b;
  justify-content: space-between;
  font-size: .75rem;
  display: flex;
}

.calc-result-bar {
  background: #00f0ff0d;
  border: 1px solid #00f0ff33;
  border-radius: 12px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  padding: 1.5rem 2rem;
  display: flex;
}

.calc-result-info {
  flex-direction: column;
  gap: .25rem;
  display: flex;
}

.calc-result-info span {
  color: #94a3b8;
  font-size: .85rem;
}

.calc-result-info strong {
  color: #00f0ff;
  letter-spacing: -.02em;
  font-size: 1.75rem;
  font-weight: 700;
}

.calc-recommended {
  color: #cbd5e1;
  font-size: .85rem;
}

.calc-recommended em {
  color: #38bdf8;
  font-style: normal;
  font-weight: 600;
}

.calc-result-actions {
  gap: 1rem;
  display: flex;
}

.matrix-modal-box {
  width: 95vw !important;
  max-width: 1000px !important;
}

.matrix-lead {
  color: #94a3b8;
  margin-bottom: 1.5rem;
  font-size: .95rem;
}

.matrix-table-wrap {
  border: 1px solid #ffffff14;
  border-radius: 10px;
  margin-bottom: 2rem;
  overflow-x: auto;
}

.matrix-table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
  font-size: .9rem;
}

.matrix-table th, .matrix-table td {
  border-bottom: 1px solid #ffffff0f;
  padding: 1rem 1.25rem;
}

.matrix-table th {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .05em;
  background: #ffffff0a;
  font-size: .85rem;
  font-weight: 600;
}

.matrix-table td {
  color: #cbd5e1;
}

.matrix-family-cell {
  background: #00f0ff08;
  color: #00f0ff !important;
}

.matrix-table td small {
  color: #64748b;
  margin-top: .25rem;
  display: block;
}

.matrix-modal-cta {
  justify-content: flex-end;
  gap: 1rem;
  display: flex;
}

.matrix-family-selector {
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 14px;
  display: flex;
}

.matrix-family-selector button {
  color: #a9bfd4;
  letter-spacing: .04em;
  cursor: pointer;
  min-height: 34px;
  transition: color .16s var(--ease-out), background .16s var(--ease-out), border-color .16s var(--ease-out), transform .16s var(--ease-out);
  background: #ffffff09;
  border: 1px solid #71aef640;
  border-radius: 6px;
  padding: 0 11px;
  font: 10px DM Mono, monospace;
}

.matrix-family-selector button:hover, .matrix-family-selector button:focus-visible, .matrix-family-selector button.is-active {
  color: #eef6ff;
  background: #4b8dff26;
  border-color: #4b8dff99;
  outline: 0;
}

.matrix-family-selector button:active {
  transform: scale(.97);
}

html:not(.dark) .matrix-family-selector button {
  color: #46617a;
  background: #ffffffc7;
  border-color: #305f8e38;
}

html:not(.dark) .matrix-family-selector button:hover, html:not(.dark) .matrix-family-selector button:focus-visible, html:not(.dark) .matrix-family-selector button.is-active {
  color: #17446e;
  background: #4380de1f;
  border-color: #286cd685;
}

.compare-trigger-btn {
  align-items: center;
  gap: .5rem;
  display: inline-flex;
}

.nav-dropdown-group {
  align-items: center;
  display: flex;
  position: relative;
}

.nav-group-title {
  color: #a1adba;
  letter-spacing: .04em;
  cursor: pointer;
  background: #ffffff05;
  border: 1px solid #ffffff0f;
  border-radius: 4px;
  align-items: center;
  gap: 7px;
  padding: 6px 10px;
  font-family: DM Mono, monospace;
  font-size: 12px;
  transition: color .16s, background .16s, border-color .16s;
  display: inline-flex;
}

.nav-group-title:hover {
  color: #fff;
  background: #4b8dff14;
  border-color: #4b8dff40;
}

.nav-badge {
  color: var(--cobalt);
  background: #4b8dff26;
  border-radius: 3px;
  padding: 1px 5px;
  font-size: 9px;
  display: inline-block;
}

.nav-admin-link {
  color: #dbe9ff;
  background: #35d69c0f;
  border-color: #35d69c4d;
}

.nav-admin-link:hover {
  background: #35d69c1f;
  border-color: #35d69c99;
}

.nav-dot-active {
  background: var(--emerald);
  width: 5px;
  height: 5px;
  box-shadow: 0 0 8px var(--emerald);
  border-radius: 50%;
}

.mobile-menu-header {
  color: var(--cobalt);
  letter-spacing: .08em;
  border-bottom: 1px solid #ffffff1a;
  flex-direction: column;
  gap: 2px;
  padding: 14px 12px 10px;
  font-family: DM Mono, monospace;
  font-size: 11px;
  display: flex;
}

.mobile-menu-header small {
  color: var(--text-dim);
  letter-spacing: .04em;
  font-size: 9px;
}

.mobile-menu-actions {
  border-top: 1px solid #ffffff1a;
  flex-direction: column;
  gap: 8px;
  margin-top: 6px;
  padding-top: 12px;
  display: flex;
}

.mobile-menu-actions button {
  color: #e5edf5;
  cursor: pointer;
  background: #4b8dff14;
  border: 1px solid #4b8dff33;
  border-radius: 4px;
  align-items: center;
  gap: 10px;
  padding: 12px;
  font-family: DM Mono, monospace;
  font-size: 12px;
  display: flex;
}

.bundles-family-stack {
  flex-direction: column;
  gap: 28px;
  margin-top: 58px;
  display: flex;
}

.bundle-family-card {
  background: linear-gradient(135deg, #111b29f0, #080d14fa);
  border: 1px solid #7ea5ca33;
  padding: 28px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff0a, 0 18px 45px #0000001f;
}

.bundle-family-card:before {
  content: "";
  background: linear-gradient(90deg, var(--cobalt), transparent 72%);
  opacity: .7;
  height: 1px;
  position: absolute;
  top: 0;
  left: 24px;
  right: 24px;
}

.bundle-family-card:nth-child(2) {
  background: linear-gradient(135deg, #0a2321b3, #080d14fa 62%);
  border-color: #35d69c4d;
}

.bundle-family-card:nth-child(2):before {
  background: linear-gradient(90deg, var(--emerald), transparent 72%);
}

.bundle-family-header {
  border-bottom: 1px solid #ffffff1a;
  justify-content: space-between;
  align-items: end;
  gap: 32px;
  padding: 2px 2px 20px;
  display: flex;
}

.bundle-family-num {
  color: var(--cobalt);
  letter-spacing: .16em;
  font: 10px DM Mono, monospace;
}

.bundle-family-card:nth-child(2) .bundle-family-num {
  color: var(--emerald);
}

.bundle-family-header h3 {
  color: #eff4f8;
  letter-spacing: -.035em;
  margin: 8px 0 0;
  font-size: 22px;
  font-weight: 500;
}

.bundle-family-tagline {
  color: #7e8b98;
  text-align: right;
  max-width: 290px;
  margin: 0;
  font: 11px / 1.5 DM Mono, monospace;
}

.variants-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding-top: 18px;
  display: grid;
}

.variant-card {
  min-width: 0;
  min-height: 100%;
  transition: border-color .18s var(--ease-out), box-shadow .18s var(--ease-out), transform .18s var(--ease-out);
  background: #070a0f99;
  border: 1px solid #ffffff1a;
  flex-direction: column;
  align-items: stretch;
  padding: 20px;
  display: flex;
  box-shadow: inset 0 1px #ffffff09;
}

.bundle-family-card:nth-child(2) .variant-card:hover {
  border-color: #49e0ae73;
}

.variant-card-top {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-height: 21px;
  display: flex;
}

.variant-tier-num {
  color: #d9e5ef;
  letter-spacing: .14em;
  font: 10px DM Mono, monospace;
}

.variant-badge {
  color: var(--cobalt);
  letter-spacing: .08em;
  font: 9px DM Mono, monospace;
}

.variant-card-heading {
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  min-height: 88px;
  margin: 18px 0 0;
  display: flex;
}

.variant-card h4 {
  color: #f4f7f9;
  letter-spacing: -.045em;
  margin: 0;
  font-size: clamp(20px, 1.8vw, 27px);
  font-weight: 500;
  line-height: 1.04;
}

.variant-price {
  color: var(--emerald);
  letter-spacing: .04em;
  font: 10px DM Mono, monospace;
}

.variant-desc {
  color: #a8b4bf;
  min-height: 0;
  margin: 0;
  font-size: 13px;
  line-height: 1.65;
}

.variant-feature-list {
  border-top: 1px solid #ffffff14;
  flex-direction: column;
  flex: 1;
  gap: 10px;
  min-height: 0;
  margin: 16px 0 0;
  padding: 14px 0 0;
  display: flex;
}

.variant-feature-list li {
  color: #c1cbd4;
  font: 10px / 1.45 DM Mono, monospace;
}

.variant-feature-list li svg {
  color: var(--cobalt);
}

.bundle-family-card:nth-child(2) .variant-feature-list li svg {
  color: var(--emerald);
}

.variant-cta-wrap {
  border-top: 0;
  margin-top: 18px;
  padding-top: 0;
}

.variant-action-label {
  color: #697785;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 9px;
  font: 9px DM Mono, monospace;
  display: block;
}

.variant-actions {
  grid-template-columns: 1fr;
  gap: 7px;
  display: grid;
}

.variant-btn {
  letter-spacing: .01em;
  text-align: center;
  border: 1px solid #4b8dff6b;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 8px 9px;
  font: 10px DM Mono, monospace;
  transition: background .16s, border-color .16s, color .16s;
  display: inline-flex;
}

.variant-btn-primary {
  color: #07101c;
  background: var(--cobalt);
  border-color: var(--cobalt);
}

.variant-btn-primary:hover {
  color: #07101c;
  background: #78adff;
  border-color: #78adff;
}

.variant-btn-secondary {
  color: #c4d8ea;
  background: #4b8dff0f;
}

.variant-btn-secondary:hover {
  color: #fff;
  background: #4b8dff24;
  border-color: #4b8dffbf;
}

.variant-pay-note {
  color: #667482;
  text-align: center;
  margin-top: 10px;
  font: 9px DM Mono, monospace;
  display: block;
}

.variant-card-tier-2 {
  border-top-color: #35d69c6b;
}

.variant-card-tier-3 {
  background: linear-gradient(145deg, #1331488c, #070a0fb8);
  border-top-color: #8ddcf39e;
}

.bundle-family-card:nth-child(2) .variant-tier-num, .bundle-family-card:nth-child(2) .variant-price {
  color: var(--emerald);
}

@media (max-width: 1120px) {
  .variants-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .variant-card:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 720px) {
  .bundles-family-stack {
    gap: 20px;
    margin-top: 40px;
  }

  .bundle-family-card {
    padding: 18px;
  }

  .bundle-family-card:before {
    left: 18px;
    right: 18px;
  }

  .bundle-family-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .bundle-family-tagline {
    text-align: left;
    max-width: none;
  }

  .variants-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .variant-card, .variant-card:last-child {
    grid-column: auto;
    gap: 0;
    padding: 18px;
    display: flex;
  }

  .variant-card-heading, .variant-desc {
    min-height: 0;
  }

  .variant-feature-list {
    min-height: 0;
    margin-bottom: 16px;
  }
}

.desktop-nav {
  gap: 10px;
}

.nav-dropdown-group {
  align-self: stretch;
}

.nav-group-title {
  white-space: nowrap;
  height: 38px;
}

.nav-mega-panel {
  z-index: 30;
  background: linear-gradient(145deg, #0f151efa, #070a0ffa);
  border: 1px solid #749ed047;
  grid-template-columns: minmax(190px, .78fr) minmax(290px, 1.22fr);
  gap: 20px;
  width: 660px;
  padding: 20px;
  display: none;
  position: absolute;
  top: calc(100% + 13px);
  left: -14px;
  box-shadow: 0 22px 55px #00000085, inset 0 1px #ffffff0f;
}

.nav-mega-panel:before {
  content: "";
  background: #101721;
  border-top: 1px solid #749ed047;
  border-left: 1px solid #749ed047;
  width: 10px;
  height: 10px;
  position: absolute;
  top: -6px;
  left: 30px;
  transform: rotate(45deg);
}

.nav-dropdown-group.is-open .nav-mega-panel {
  animation: nav-panel-enter .18s var(--ease-out);
  display: grid;
}

.nav-dropdown-group.is-open .nav-group-title {
  color: #fff;
  background: #4b8dff1f;
  border-color: #4b8dff6b;
}

.nav-mega-panel-services {
  width: 720px;
  left: -135px;
}

.nav-mega-panel-knowledge {
  width: 650px;
  left: -245px;
}

.nav-mega-intro {
  z-index: 1;
  padding: 2px 12px 2px 0;
  position: relative;
}

.nav-mega-kicker, .mobile-nav-label {
  color: var(--cobalt);
  letter-spacing: .12em;
  font: 9px / 1.4 DM Mono, monospace;
  display: block;
}

.nav-mega-intro strong {
  color: #f2f6fa;
  letter-spacing: -.025em;
  margin: 14px 0 9px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.15;
  display: block;
}

.nav-mega-intro p {
  color: #81909e;
  margin: 0;
  font-size: 11px;
  line-height: 1.6;
}

.nav-mega-links {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.nav-mega-links-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  display: grid;
}

.nav-mega-link {
  background: #ffffff06;
  border: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  min-height: 55px;
  padding: 10px 11px;
  display: flex;
  color: #dbe5ee !important;
}

.nav-mega-link:hover, .nav-mega-link:focus-visible {
  background: #4b8dff17;
  border-color: #4b8dff73;
  color: #fff !important;
}

.nav-mega-link span {
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.nav-mega-link b {
  color: #eaf1f7;
  font: 500 11px DM Mono, monospace;
}

.nav-mega-link small {
  color: #778796;
  font-size: 10px;
  line-height: 1.35;
}

.nav-mega-link svg {
  color: var(--cobalt);
  flex: none;
}

.nav-admin-group {
  position: relative;
}

.nav-admin-caption {
  color: #91cbb5;
  letter-spacing: .04em;
  background: #091112fa;
  border: 1px solid #35d69c40;
  width: 170px;
  padding: 8px 10px;
  font: 9px DM Mono, monospace;
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
}

.nav-admin-group:hover .nav-admin-caption, .nav-admin-group:focus-within .nav-admin-caption {
  display: block;
}

@keyframes nav-panel-enter {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.site-shell {
  overflow: visible;
}

.topbar {
  z-index: 140;
  isolation: isolate;
}

.nav-dropdown-group {
  z-index: 1;
}

.nav-dropdown-group.is-open {
  z-index: 3;
}

.nav-mega-panel {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform-origin: 0 0;
  transition: opacity .18s var(--ease-out), transform .18s var(--ease-out), visibility 0s linear .18s;
  display: grid;
  transform: translateY(-5px);
}

.nav-dropdown-group.is-open .nav-mega-panel {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition-delay: 0s;
  transform: translateY(0);
}

.nav-group-title:after {
  content: "⌄";
  color: #6e8295;
  transition: transform .16s var(--ease-out), color .16s var(--ease-out);
  font-size: 13px;
  line-height: 1;
}

.nav-group-title:has(.nav-dot-active):after, .nav-group-title:has(.nav-badge) + .nav-mega-panel ~ * {
  content: none;
}

.nav-dropdown-group.is-open .nav-group-title:after {
  color: var(--emerald);
  transform: rotate(180deg);
}

.nav-admin-link:after, .nav-dropdown-group > a.nav-group-title:after {
  content: none;
}

.language-selector {
  color: #b9cae0;
  background: #070c13bd;
  border: 1px solid #77a0d53d;
  border-radius: 7px;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 0 9px;
  display: inline-flex;
}

.language-selector:focus-within {
  outline-offset: 2px;
  outline: 2px solid #4a97ffb8;
}

.language-selector select {
  appearance: none;
  color: #edf5fb;
  letter-spacing: .04em;
  cursor: pointer;
  background: none;
  border: 0;
  outline: 0;
  min-width: 86px;
  padding: 0 16px 0 0;
  font: 10px DM Mono, monospace;
}

.language-selector option {
  color: #d9e6ef;
  background: #101720;
}

.language-dock {
  z-index: 260;
  left: 50%;
  bottom: max(18px, env(safe-area-inset-bottom));
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background: linear-gradient(125deg, #0c1521f0, #050a10eb);
  border: 1px solid #7aa6de4a;
  border-radius: 12px;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 5px 6px 5px 9px;
  display: flex;
  position: fixed;
  transform: translateX(-50%);
  box-shadow: 0 16px 44px #00000061, inset 0 0 0 1px #35d69c0d;
}

.language-dock:before {
  z-index: -1;
  border-radius: inherit;
  content: "";
  opacity: .8;
  background: linear-gradient(100deg, #35d69c30, #0000 28% 72%, #4b8dff3b);
  position: absolute;
  inset: -1px;
}

.language-dock-signal {
  color: #7fe2bd;
  background: #35d69c12;
  border: 1px solid #35d69c57;
  border-radius: 50%;
  place-items: center;
  width: 25px;
  height: 25px;
  display: grid;
}

.language-dock-label {
  color: #8fa6bd;
  letter-spacing: .09em;
  text-transform: uppercase;
  white-space: nowrap;
  font: 9px DM Mono, monospace;
}

.language-dock .language-selector {
  background: #01050a6b;
  border-color: #80aadf33;
}

.inquiry-topline {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

@media (max-width: 720px) {
  .inquiry-topline {
    align-items: flex-start;
  }

  .language-dock {
    bottom: max(12px, env(safe-area-inset-bottom));
    border-radius: 11px;
    gap: 6px;
    min-height: 46px;
    padding: 5px;
  }

  .language-dock-label {
    display: none;
  }

  .language-dock-signal {
    width: 29px;
    height: 29px;
  }

  .language-dock .language-selector {
    min-height: 36px;
  }

  .language-dock .language-selector select {
    min-width: 100px;
  }
}

@media (max-width: 1080px) and (min-width: 721px) {
  .topbar {
    gap: 16px;
    height: 64px;
    padding: 0 24px;
  }

  .desktop-nav, .compact-scroll-nav, .topbar-scrolled .compact-scroll-nav, .search-trigger, .manifest-link {
    display: none;
  }

  .mobile-menu-button {
    color: #e3edf5;
    place-items: center;
    margin-left: 5px;
    display: grid;
  }

  .mobile-menu {
    z-index: 150;
    background: #0d1117fa;
    border: 1px solid #749ed04d;
    flex-direction: column;
    max-height: calc(100vh - 82px);
    padding: 12px;
    display: flex;
    position: absolute;
    top: 64px;
    left: 15px;
    right: 15px;
    overflow-y: auto;
    box-shadow: 0 20px 60px #0000007a;
  }

  .mobile-menu-header {
    color: var(--cobalt);
    letter-spacing: .08em;
    border-bottom: 1px solid #ffffff1a;
    flex-direction: column;
    gap: 2px;
    padding: 15px 12px 16px;
    font-family: DM Mono, monospace;
    font-size: 11px;
    display: flex;
  }

  .mobile-menu-header small {
    color: var(--text-dim);
    letter-spacing: .04em;
    font-size: 9px;
    line-height: 1.45;
  }

  .mobile-menu-header p {
    color: #7e8d9b;
    margin: 11px 0 0;
    font-size: 11px;
    line-height: 1.5;
  }

  .mobile-nav-section {
    border-top: 1px solid #ffffff17;
    margin: 9px 0 0;
    padding: 10px 0 2px;
  }

  .mobile-nav-label {
    color: #6f9fe3;
    padding: 0 12px 3px;
    font-size: 9px;
  }

  .mobile-menu a, .mobile-menu button {
    color: #b5c0ca;
    text-align: left;
    background: none;
    border: 0;
    border-bottom: 1px solid #ffffff0e;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-height: 54px;
    padding: 11px 12px;
    font-size: 13px;
    display: flex;
  }

  .mobile-menu a span, .mobile-menu button span {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    min-width: 0;
    display: flex;
  }

  .mobile-menu a b, .mobile-menu button b {
    color: #dbe5ed;
    font: 500 11px DM Mono, monospace;
  }

  .mobile-menu a small, .mobile-menu button small {
    color: #788896;
    font-size: 10px;
    line-height: 1.35;
  }

  .mobile-menu a > svg, .mobile-menu button > svg {
    color: var(--cobalt);
    flex: none;
  }

  .mobile-nav-private {
    border-top-color: #35d69c38;
  }

  .mobile-nav-private .mobile-nav-label {
    color: #62c59f;
  }

  .mobile-menu-actions {
    border-top: 1px solid #ffffff1a;
    flex-direction: column;
    gap: 7px;
    margin-top: 6px;
    padding: 13px 0 2px;
    display: flex;
  }

  .mobile-menu-actions button {
    color: #dce8f2;
    cursor: pointer;
    background: #4b8dff14;
    border: 1px solid #4b8dff3d;
    border-radius: 4px;
    justify-content: center;
    min-height: 44px;
    font-family: DM Mono, monospace;
  }

  .mobile-menu-actions .mobile-menu-soft-action {
    color: #b9cbea;
    background: #ffffff06;
    border-color: #ffffff1f;
  }
}

@media (max-width: 1180px) and (min-width: 721px) {
  .topbar {
    gap: 20px;
    padding-left: 28px;
    padding-right: 28px;
  }

  .desktop-nav {
    gap: 5px;
  }

  .nav-group-title {
    padding-left: 7px;
    padding-right: 7px;
    font-size: 11px;
  }

  .nav-mega-panel-services {
    left: -210px;
  }

  .nav-mega-panel-knowledge {
    left: -340px;
  }
}

@media (max-width: 720px) {
  .mobile-menu {
    max-height: calc(100vh - 82px);
    padding: 12px;
    overflow-y: auto;
  }

  .mobile-menu-header {
    padding: 15px 12px 16px;
  }

  .mobile-menu-header small {
    line-height: 1.45;
  }

  .mobile-menu-header p {
    color: #7e8d9b;
    margin: 11px 0 0;
    font-size: 11px;
    line-height: 1.5;
  }

  .mobile-nav-section {
    border-top: 1px solid #ffffff17;
    margin: 9px 0 0;
    padding: 10px 0 2px;
  }

  .mobile-nav-label {
    color: #6f9fe3;
    padding: 0 12px 3px;
    font-size: 9px;
  }

  .mobile-menu a, .mobile-menu button {
    border-bottom: 1px solid #ffffff0e;
    width: 100%;
    min-height: 54px;
    padding: 11px 12px;
  }

  .mobile-menu a span, .mobile-menu button span {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    min-width: 0;
    display: flex;
  }

  .mobile-menu a b, .mobile-menu button b {
    color: #dbe5ed;
    font: 500 11px DM Mono, monospace;
  }

  .mobile-menu a small, .mobile-menu button small {
    color: #788896;
    font-size: 10px;
    line-height: 1.35;
  }

  .mobile-menu a > svg, .mobile-menu button > svg {
    color: var(--cobalt);
    flex: none;
  }

  .mobile-nav-private {
    border-top-color: #35d69c38;
  }

  .mobile-nav-private .mobile-nav-label {
    color: #62c59f;
  }

  .mobile-menu-actions {
    gap: 7px;
    padding: 13px 0 2px;
  }

  .mobile-menu-actions button {
    color: #dce8f2;
    background: #4b8dff14;
    border: 1px solid #4b8dff3d;
    justify-content: center;
    min-height: 44px;
  }

  .mobile-menu-actions .mobile-menu-soft-action {
    color: #b9cbea;
    background: #ffffff06;
    border-color: #ffffff1f;
  }
}

.research-guides-section {
  position: relative;
}

.research-guides-heading {
  margin-bottom: 42px;
}

.research-guides-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.research-guide-card {
  background: linear-gradient(155deg, #0f1721d1, #070b10f5);
  border: 1px solid #7a9dc72e;
  flex-direction: column;
  min-height: 320px;
  padding: 22px;
  display: flex;
  box-shadow: inset 0 1px #ffffff0a;
}

.research-guide-card:hover {
  border-color: #4b8dff66;
  box-shadow: inset 0 1px #ffffff12, 0 18px 38px #00000029;
}

.research-guide-topline {
  color: #6f9fe3;
  letter-spacing: .1em;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font: 9px DM Mono, monospace;
  display: flex;
}

.research-guide-topline span:last-child {
  color: #91a0af;
  text-align: right;
}

.research-guide-card h3 {
  color: #f1f5f7;
  letter-spacing: -.035em;
  max-width: 31ch;
  margin: 19px 0 13px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.16;
}

.research-guide-card > p {
  color: #92a0ad;
  margin: 0;
  font-size: 12px;
  line-height: 1.65;
}

.research-guide-question {
  color: #aebac5;
  border-top: 1px solid #ffffff14;
  flex-direction: column;
  gap: 5px;
  margin-top: 16px;
  padding-top: 13px;
  font-size: 11px;
  line-height: 1.5;
  display: flex;
}

.research-guide-question strong {
  color: #d3e2ed;
  letter-spacing: .1em;
  text-transform: uppercase;
  font: 9px DM Mono, monospace;
}

.research-guide-open {
  width: fit-content;
  color: var(--cobalt);
  letter-spacing: .05em;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 7px;
  margin-top: auto;
  padding: 17px 0 0;
  font: 10px DM Mono, monospace;
  display: inline-flex;
}

.research-guide-open:hover {
  color: #b9d5ff;
}

.research-standards-strip {
  background: #ffffff17;
  border: 1px solid #ffffff17;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: 14px;
  display: grid;
  overflow: hidden;
}

.research-standards-strip > div {
  color: #8493a0;
  background: #0b1016;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  font-size: 10px;
  line-height: 1.55;
  display: flex;
}

.research-standards-strip svg {
  color: var(--emerald);
  flex: none;
}

.research-standards-strip strong {
  color: #d2dde6;
  letter-spacing: .02em;
  font: 10px DM Mono, monospace;
  display: inline;
}

.research-guide-modal {
  width: min(760px, 100vw - 32px);
}

.research-guide-modal-body {
  padding-top: 4px;
}

.research-guide-modal-lead {
  color: #b3c0cb;
  max-width: 68ch;
  margin: 0 0 24px;
  font-size: 14px;
  line-height: 1.75;
}

.research-guide-detail-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.research-guide-detail-grid section {
  background: #ffffff06;
  border: 1px solid #ffffff17;
  min-height: 145px;
  padding: 16px;
}

.research-guide-detail-grid section > span {
  color: var(--cobalt);
  letter-spacing: .12em;
  margin-bottom: 9px;
  font: 9px DM Mono, monospace;
  display: block;
}

.research-guide-detail-grid p {
  color: #9dabba;
  margin: 0;
  font-size: 12px;
  line-height: 1.65;
}

.research-guide-detail-grid ul {
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.research-guide-detail-grid li {
  color: #9dabba;
  gap: 7px;
  font-size: 11px;
  line-height: 1.45;
  display: flex;
}

.research-guide-detail-grid li svg {
  color: var(--emerald);
  flex: none;
  margin-top: 1px;
}

.research-guide-modal-footer {
  color: #778795;
  border-top: 1px solid #ffffff1a;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
  padding-top: 18px;
  font-size: 11px;
  line-height: 1.5;
  display: flex;
}

.admin-primary {
  color: #071016;
  letter-spacing: .04em;
  cursor: pointer;
  min-height: 38px;
  transition: transform .16s var(--ease-out), background .16s var(--ease-out);
  background: #67e8f9;
  border: 1px solid #67e8f938;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  font: 10px DM Mono, monospace;
  display: inline-flex;
}

.admin-primary:hover {
  background: #b4f5fc;
}

.admin-primary:active {
  transform: scale(.97);
}

.admin-primary:disabled {
  cursor: wait;
  opacity: .65;
}

@media (max-width: 980px) {
  .research-guides-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .research-guides-heading {
    margin-bottom: 30px;
  }

  .research-guides-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .research-guide-card {
    min-height: 0;
    padding: 18px;
  }

  .research-guide-card h3 {
    margin-top: 16px;
    font-size: 18px;
  }

  .research-standards-strip, .research-guide-detail-grid {
    grid-template-columns: 1fr;
  }

  .research-guide-detail-grid section {
    min-height: 0;
  }

  .research-guide-modal-footer {
    flex-direction: column;
    align-items: flex-start;
  }
}

.cms-library-rail {
  background: linear-gradient(135deg, #0b1d1d80, #0a0f16c7);
  border: 1px solid #35d69c3b;
  margin: 30px 0 34px;
  padding: 22px;
}

.cms-library-heading {
  border-bottom: 1px solid #ffffff17;
  justify-content: space-between;
  align-items: flex-end;
  gap: 28px;
  padding-bottom: 18px;
  display: flex;
}

.cms-library-heading span, .cms-library-meta {
  color: #74d7b2;
  letter-spacing: .11em;
  font: 9px DM Mono, monospace;
}

.cms-library-heading h2 {
  color: #f0f6f7;
  letter-spacing: -.035em;
  margin: 9px 0 0;
  font-size: 25px;
  font-weight: 500;
}

.cms-library-heading p {
  color: #90a2aa;
  max-width: 46ch;
  margin: 0;
  font-size: 11px;
  line-height: 1.6;
}

.cms-library-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
  display: grid;
}

.cms-library-card {
  background: #050a0e7a;
  border: 1px solid #ffffff17;
  flex-direction: column;
  min-height: 230px;
  padding: 16px;
  display: flex;
}

.cms-library-card-featured {
  background: #35d69c0b;
  border-color: #35d69c59;
}

.cms-library-meta {
  color: #879ca3;
  justify-content: space-between;
  gap: 9px;
  font-size: 8px;
  display: flex;
}

.cms-library-meta span:first-child {
  color: #74d7b2;
}

.cms-library-category {
  color: #719ce1;
  letter-spacing: .08em;
  margin-top: 18px;
  font: 9px DM Mono, monospace;
  display: block;
}

.cms-library-card h3 {
  color: #edf4f5;
  letter-spacing: -.025em;
  margin: 9px 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.2;
}

.cms-library-card p {
  color: #8b9aa5;
  margin: 0;
  font-size: 11px;
  line-height: 1.58;
}

.cms-library-card button {
  color: #82deb9;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 6px;
  width: fit-content;
  margin-top: auto;
  padding-top: 15px;
  font: 10px DM Mono, monospace;
  display: inline-flex;
}

.cms-library-card button:hover {
  color: #d2ffec;
}

.cms-entry-modal {
  width: min(760px, 100vw - 32px);
}

.cms-entry-modal-body {
  padding-top: 4px;
}

.cms-entry-prose {
  white-space: pre-wrap;
  color: #adbdc7;
  max-width: 70ch;
  font-size: 13px;
  line-height: 1.78;
}

@media (max-width: 860px) {
  .cms-library-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .cms-library-rail {
    margin-top: 22px;
    padding: 16px;
  }

  .cms-library-heading {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .cms-library-heading h2 {
    font-size: 21px;
  }

  .cms-library-grid {
    grid-template-columns: 1fr;
  }

  .cms-library-card {
    min-height: 0;
  }
}

html, body, #root {
  max-width: 100%;
  overflow-x: clip;
}

.site-shell, .open-lab-ticker, .topbar {
  max-width: 100%;
}

.topbar, .mobile-menu {
  box-sizing: border-box;
}

@media (max-width: 720px) {
  .topbar {
    gap: 8px;
    width: 100%;
    max-width: 100vw;
    padding-inline: clamp(12px, 4vw, 18px);
  }

  .brand {
    min-width: 0;
  }

  .topbar-actions {
    gap: 4px;
    min-width: 0;
    margin-left: auto;
  }

  .mobile-menu-button {
    flex: 0 0 44px;
    width: 44px;
    min-width: 44px;
    min-height: 44px;
  }

  .mobile-menu {
    width: auto;
    max-width: calc(100vw - 24px);
    left: 12px;
    right: 12px;
  }

  .open-lab-ticker {
    width: 100%;
    max-width: 100vw;
    overflow: hidden;
  }

  .ticker-track-wrap {
    min-width: 0;
    overflow: hidden;
  }

  .ticker-track {
    min-width: max-content;
  }

  .language-dock {
    max-width: calc(100vw - 24px);
  }
}

.hero-decision-path {
  max-width: 660px;
  margin-top: 11px;
}

.hero-decision-kicker, .hero-action-context {
  letter-spacing: .13em;
  font-family: DM Mono, monospace;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.45;
  display: block;
}

.hero-decision-kicker {
  color: #7eb5ffeb;
  margin-bottom: 10px;
}

.hero-decision-actions {
  align-items: stretch;
  gap: 12px;
}

.hero-action-route {
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.hero-action-context {
  color: #a4b6cdb8;
}

.hero-action-route .button-primary, .hero-action-route .button-secondary {
  justify-content: center;
  width: 100%;
  min-height: 48px;
  display: inline-flex;
}

.hero-action-route-primary .button-primary {
  box-shadow: 0 12px 34px #317eff3d;
}

.hero-action-route .button-secondary {
  background: #090e187a;
  border-color: #89add952;
}

.hero-action-route .button-secondary:hover {
  background: #35d69c14;
  border-color: #5bd6a4ad;
}

@media (max-width: 720px) {
  .hero-decision-path {
    margin-top: 10px;
  }

  .hero-decision-actions {
    grid-template-columns: 1fr;
    gap: 14px;
    display: grid;
  }

  .hero-action-route .button-primary, .hero-action-route .button-secondary {
    width: 100%;
  }
}

@media (max-width: 600px) {
  .hero-section {
    padding-bottom: calc(156px + env(safe-area-inset-bottom));
  }

  .hero-ctas {
    margin-bottom: 20px;
  }

  html[dir="rtl"] .hero-copy h1 {
    letter-spacing: -.06em;
    margin: 21px 0 18px;
    font-size: clamp(46px, 13.5vw, 54px);
    line-height: .98;
  }
}

.knowledge-priority-panel {
  text-align: left;
  background: linear-gradient(135deg, #082f4959, #0f172a73);
  border: 1px solid #67e8f92e;
  border-radius: 12px;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.25fr);
  gap: 20px;
  margin: 28px 0 24px;
  padding: 20px;
  display: grid;
}

.knowledge-priority-copy > span, .knowledge-priority-guide > span {
  color: #a5f3fc;
  letter-spacing: .12em;
  text-transform: uppercase;
  font: 700 9px DM Mono, monospace;
}

.knowledge-priority-copy h2 {
  color: #fff;
  letter-spacing: -.03em;
  margin: 9px 0;
  font-size: clamp(19px, 2vw, 27px);
  line-height: 1.2;
}

.knowledge-priority-copy p {
  color: #94a3b8;
  margin: 0;
  font-size: 12px;
  line-height: 1.65;
}

.knowledge-priority-guides {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  display: grid;
}

.knowledge-priority-guide {
  color: #fff;
  text-align: left;
  cursor: pointer;
  min-height: 135px;
  transition: border-color .16s var(--ease-out), background-color .16s var(--ease-out), transform .16s var(--ease-out);
  background: #0206176b;
  border: 1px solid #ffffff1a;
  border-radius: 9px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  padding: 14px;
  display: flex;
}

.knowledge-priority-guide:hover {
  background: #082f4952;
  border-color: #67e8f980;
  transform: translateY(-2px);
}

.knowledge-priority-guide strong {
  font-size: 12px;
  line-height: 1.35;
}

.knowledge-priority-guide small {
  color: #cbd5e1;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  display: inline-flex;
}

.article-journal-section {
  text-align: left;
  background: linear-gradient(135deg, #0e1a2b9e, #080c12e0);
  border: 1px solid #77a8ed33;
  margin: 32px 0;
  padding: 22px;
}

.article-journal-heading {
  border-bottom: 1px solid #ffffff17;
  grid-template-columns: minmax(0, 1.15fr) minmax(240px, .65fr);
  align-items: end;
  gap: 28px;
  padding-bottom: 17px;
  display: grid;
}

.article-journal-heading span {
  color: #84b0eb;
  letter-spacing: .1em;
  font: 9px DM Mono, monospace;
}

.article-journal-heading h2 {
  color: #eef4f7;
  letter-spacing: -.035em;
  margin: 9px 0 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.15;
}

.article-journal-heading p {
  color: #91a1ae;
  max-width: 48ch;
  margin: 0;
  font-size: 11px;
  line-height: 1.62;
}

.article-journal-categories {
  flex-wrap: wrap;
  gap: 7px;
  margin: 16px 0;
  display: flex;
}

.article-journal-categories button {
  color: #aebbc6;
  letter-spacing: .02em;
  cursor: pointer;
  background: none;
  border: 1px solid #ffffff1c;
  border-radius: 999px;
  padding: 7px 9px;
  font: 9px DM Mono, monospace;
}

.article-journal-categories button:hover, .article-journal-categories button.is-active {
  color: #e5f0fd;
  background: #4b8dff24;
  border-color: #80b1f18c;
}

.article-journal-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.article-journal-card {
  background: #04080d75;
  border: 1px solid #ffffff16;
  flex-direction: column;
  min-height: 228px;
  padding: 15px;
  display: flex;
}

.article-journal-card > div {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.article-journal-card > div span, .article-journal-card > div small {
  color: #84b0eb;
  letter-spacing: .08em;
  font: 8px DM Mono, monospace;
}

.article-journal-card > div small {
  color: #7b8996;
  text-align: right;
}

.article-journal-card h3 {
  color: #ecf3f6;
  letter-spacing: -.025em;
  margin: 17px 0 9px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.22;
}

.article-journal-card p {
  color: #8f9eaa;
  margin: 0;
  font-size: 10px;
  line-height: 1.55;
}

.article-journal-card button {
  color: #9bc3ff;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 6px;
  width: fit-content;
  margin-top: auto;
  padding: 16px 0 0;
  font: 9px DM Mono, monospace;
  display: inline-flex;
}

.article-journal-card button:hover {
  color: #eef6ff;
}

.article-journal-card a {
  color: #9bc3ff;
  align-items: center;
  gap: 6px;
  width: fit-content;
  margin-top: auto;
  padding: 16px 0 0;
  font: 9px DM Mono, monospace;
  text-decoration: none;
  display: inline-flex;
}

.article-journal-card a:hover {
  color: #eef6ff;
}

.public-content-card-link {
  min-height: 100%;
  color: inherit;
  flex-direction: column;
  text-decoration: none;
  display: flex;
}

.public-content-card-link:focus-visible {
  outline-offset: 7px;
  outline: 2px solid #8db9fb;
}

.content-detail-page {
  color: #eaf0f3;
  background: radial-gradient(circle at 84% 5%, #3878db29, #0000 24%), radial-gradient(circle at 10% 72%, #35d69c12, #0000 22%), #080b10;
  min-height: 100vh;
  padding-bottom: 112px;
}

.content-detail-topbar {
  background: #080b10d6;
  border-bottom: 1px solid #ffffff17;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  padding: 20px max(28px, 50vw - 620px);
  display: flex;
}

.content-detail-brand {
  color: #eaf3f8;
  letter-spacing: .13em;
  font: 9px / 1.15 DM Mono, monospace;
  text-decoration: none;
  display: grid;
}

.content-detail-brand span {
  color: #76a8ee;
}

.content-detail-brand strong {
  font-size: 10px;
  font-weight: 500;
}

.content-detail-topbar nav {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 18px;
  display: flex;
}

.content-detail-topbar nav a {
  color: #a6b7c4;
  letter-spacing: .04em;
  font: 9px DM Mono, monospace;
  text-decoration: none;
}

.content-detail-topbar nav a:hover {
  color: #eaf4fb;
}

.content-detail-main {
  width: min(960px, 100% - 48px);
  margin: 0 auto;
}

.content-detail-crumbs {
  color: #70808d;
  letter-spacing: .06em;
  align-items: center;
  gap: 9px;
  margin: 46px 0 26px;
  font: 9px DM Mono, monospace;
  display: flex;
}

.content-detail-crumbs a {
  color: #9fc3fb;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  display: inline-flex;
}

.content-detail-article {
  background: linear-gradient(150deg, #111c2ce0, #070b10f7);
  border: 1px solid #97bef42e;
  padding: clamp(25px, 6vw, 70px);
  box-shadow: 0 30px 90px #00000038;
}

.content-detail-kicker {
  color: #81b0ee;
  letter-spacing: .12em;
  text-transform: uppercase;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
  font: 9px DM Mono, monospace;
  display: flex;
}

.content-detail-kicker span + span {
  color: #758592;
}

.content-detail-category {
  color: #67d8ad;
  letter-spacing: .12em;
  margin: 34px 0 10px;
  font: 10px DM Mono, monospace;
}

.content-detail-article h1 {
  color: #f2f7f8;
  letter-spacing: -.065em;
  max-width: 17ch;
  margin: 0;
  font-size: clamp(36px, 6vw, 70px);
  font-weight: 520;
  line-height: .98;
}

.content-detail-lead {
  color: #b0bec8;
  max-width: 65ch;
  margin: 28px 0 0;
  font-size: 16px;
  line-height: 1.75;
}

.content-detail-byline {
  color: #74848f;
  letter-spacing: .04em;
  border-top: 1px solid #ffffff17;
  margin: 25px 0 0;
  padding-top: 18px;
  font: 9px DM Mono, monospace;
}

.content-detail-prose {
  color: #c3ced5;
  max-width: 69ch;
  margin-top: 52px;
  font-size: 15px;
  line-height: 1.85;
}

.content-detail-prose h2 {
  color: #edf4f7;
  letter-spacing: -.035em;
  margin: 42px 0 12px;
  font-size: 22px;
  font-weight: 520;
  line-height: 1.15;
}

.content-detail-prose p {
  margin: 0;
}

.content-detail-prose p + p {
  margin-top: 15px;
}

.content-detail-prose a {
  color: #99c7ff;
  text-underline-offset: 3px;
  text-decoration-color: #99c7ff6b;
}

.content-detail-next {
  background: #0b1119c7;
  border: 1px solid #ffffff17;
  margin-top: 20px;
  padding: 25px;
}

.content-detail-next > div:first-child {
  justify-content: space-between;
  align-items: end;
  gap: 20px;
  display: flex;
}

.content-detail-next > div:first-child span {
  color: #78a8eb;
  letter-spacing: .1em;
  text-transform: uppercase;
  font: 9px DM Mono, monospace;
}

.content-detail-next h2 {
  color: #eaf1f4;
  letter-spacing: -.04em;
  margin: 8px 0 0;
  font-size: 23px;
  font-weight: 500;
}

.content-detail-related-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 22px;
  display: grid;
}

.content-detail-related-grid a {
  min-height: 150px;
  color: inherit;
  background: #ffffff05;
  border: 1px solid #ffffff14;
  flex-direction: column;
  padding: 15px;
  text-decoration: none;
  display: flex;
}

.content-detail-related-grid a:hover {
  background: #4b8dff0f;
  border-color: #80b2f273;
}

.content-detail-related-grid small {
  color: #83afe9;
  letter-spacing: .07em;
  font: 8px DM Mono, monospace;
}

.content-detail-related-grid strong {
  color: #e5edf1;
  margin-top: 15px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
}

.content-detail-related-grid span {
  color: #8e9eaa;
  align-items: center;
  gap: 5px;
  margin-top: auto;
  font: 9px DM Mono, monospace;
  display: inline-flex;
}

.content-detail-actions {
  background: linear-gradient(100deg, #1d3e6957, #090e15f0);
  border: 1px solid #5899f738;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 18px;
  margin-top: 20px;
  padding: 20px 24px;
  display: grid;
}

.content-detail-actions > div {
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.content-detail-actions svg {
  color: #7caef3;
  flex: none;
}

.content-detail-actions p {
  color: #9eafba;
  max-width: 47ch;
  margin: 0;
  font-size: 10px;
  line-height: 1.6;
}

.content-detail-actions p strong {
  color: #e0ebf1;
  font-weight: 500;
}

.content-detail-actions > a {
  color: #c3ddff;
  white-space: nowrap;
  border: 1px solid #99c7ff3d;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 40px;
  padding: 10px 13px;
  font: 9px DM Mono, monospace;
  text-decoration: none;
  display: inline-flex;
}

.content-detail-actions > a:hover {
  background: #99c7ff12;
  border-color: #99c7ff94;
}

.content-detail-missing {
  text-align: center;
  place-content: center;
  gap: 14px;
  min-height: 100vh;
  display: grid;
}

.content-detail-missing a {
  color: #9bc6ff;
}

@media (max-width: 760px) {
  .content-detail-topbar {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 20px 18px;
  }

  .content-detail-topbar nav {
    justify-content: flex-start;
    gap: 13px;
  }

  .content-detail-main {
    width: min(100% - 32px, 960px);
  }

  .content-detail-crumbs {
    margin: 31px 0 17px;
  }

  .content-detail-article {
    padding: 27px 20px;
  }

  .content-detail-article h1 {
    font-size: clamp(34px, 11vw, 52px);
  }

  .content-detail-lead {
    font-size: 14px;
  }

  .content-detail-prose {
    margin-top: 38px;
    font-size: 14px;
  }

  .content-detail-next {
    padding: 20px;
  }

  .content-detail-related-grid {
    grid-template-columns: 1fr;
  }

  .content-detail-related-grid a {
    min-height: 122px;
  }

  .content-detail-actions {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .content-detail-actions > a {
    white-space: normal;
  }
}

@media (max-width: 880px) {
  .knowledge-priority-panel {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .article-journal-heading {
    grid-template-columns: 1fr;
    gap: 11px;
  }

  .article-journal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .knowledge-priority-guides {
    grid-template-columns: 1fr;
  }

  .knowledge-priority-guide {
    min-height: 0;
  }

  .article-journal-section {
    padding: 16px;
  }

  .article-journal-heading h2 {
    font-size: 20px;
  }

  .article-journal-grid {
    grid-template-columns: 1fr;
  }

  .article-journal-card {
    min-height: 0;
  }
}

.research-method-page {
  color: #e9f0f4;
  background: radial-gradient(circle at 84% 8%, #4b8dff21, #0000 25%), radial-gradient(circle at 10% 75%, #35d69c12, #0000 24%), #080a0e;
  min-height: 100vh;
  overflow: hidden;
}

.research-method-hero {
  background: linear-gradient(135deg, #080f1af2, #070a0ffa);
  border-bottom: 1px solid #7ea8d82b;
  padding: 142px max(30px, 50vw - 570px) 100px;
  position: relative;
  overflow: hidden;
}

.research-method-grid {
  opacity: .54;
  pointer-events: none;
  background-image: linear-gradient(#78a2cf0e 1px, #0000 1px), linear-gradient(90deg, #78a2cf0e 1px, #0000 1px);
  background-size: 62px 62px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: radial-gradient(circle at 72% 36%, #000 0, #000000d1 25%, #0000 68%);
  mask-image: radial-gradient(circle at 72% 36%, #000 0, #000000d1 25%, #0000 68%);
}

.research-method-hero > :not(.research-method-grid) {
  z-index: 1;
  position: relative;
}

.research-method-back {
  color: #9cbce7;
  letter-spacing: .08em;
  transition: color .16s var(--ease-out), transform .16s var(--ease-out);
  align-items: center;
  gap: 8px;
  font: 10px DM Mono, monospace;
  text-decoration: none;
  display: inline-flex;
}

.research-method-back:hover {
  color: #eff8ff;
  transform: translateX(-2px);
}

.research-method-kicker {
  color: #7db9f8;
  letter-spacing: .14em;
  align-items: center;
  gap: 8px;
  margin-top: 64px;
  font: 10px DM Mono, monospace;
  display: flex;
}

.research-method-kicker svg {
  color: #35d69c;
}

.research-method-hero h1 {
  color: #f2f7fa;
  letter-spacing: -.075em;
  max-width: 860px;
  margin: 22px 0 25px;
  font: 560 clamp(48px, 7vw, 93px) / .93 Space Grotesk, sans-serif;
}

.research-method-hero h1 span {
  color: #52b1ff;
}

.research-method-intro {
  color: #aebdca;
  max-width: 710px;
  margin: 0;
  font-size: 16px;
  line-height: 1.75;
}

.research-method-hero-meta {
  color: #9fc7ed;
  letter-spacing: .1em;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 34px;
  font: 9px DM Mono, monospace;
  display: flex;
}

.research-method-hero-meta i {
  background: #35d69c;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  box-shadow: 0 0 12px #35d69ccc;
}

.research-method-section {
  width: min(1140px, 100% - 60px);
  margin: 0 auto;
  padding: 102px 0;
}

.research-method-section-heading {
  grid-template-columns: minmax(160px, .32fr) minmax(0, 1fr);
  align-items: start;
  gap: 30px;
  display: grid;
}

.research-method-section-heading p, .research-method-boundary > div > p, .research-method-next > div > p {
  color: #79aee8;
  letter-spacing: .11em;
  margin: 5px 0 0;
  font: 9px / 1.5 DM Mono, monospace;
}

.research-method-section-heading h2, .research-method-boundary h2, .research-method-next h2 {
  color: #ecf4f7;
  letter-spacing: -.055em;
  max-width: 700px;
  margin: 0;
  font: 520 clamp(28px, 3.5vw, 48px) / 1.02 Space Grotesk, sans-serif;
}

.research-method-principles {
  border-bottom: 1px solid #ffffff13;
}

.research-method-principle-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 48px;
  display: grid;
}

.research-method-principle {
  background: linear-gradient(145deg, #162a4369, #090d134d);
  border: 1px solid #8ebae829;
  min-height: 245px;
  padding: 19px;
}

.research-method-principle > span {
  color: #58b4ff;
  letter-spacing: .1em;
  font: 10px DM Mono, monospace;
}

.research-method-principle h3, .research-method-horizon h3 {
  color: #edf5f8;
  letter-spacing: -.035em;
  margin: 45px 0 11px;
  font: 500 19px / 1.12 Space Grotesk, sans-serif;
}

.research-method-principle p, .research-method-horizon p {
  color: #9eafbb;
  margin: 0;
  font-size: 12px;
  line-height: 1.68;
}

.research-method-horizons {
  padding-bottom: 112px;
}

.research-method-horizon-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 48px;
  display: grid;
}

.research-method-horizon {
  background: linear-gradient(145deg, #13353354, #090d138f);
  border: 1px solid #35d69c38;
  min-height: 255px;
  padding: 25px;
}

.research-method-horizon > span {
  color: #64dfad;
  letter-spacing: .13em;
  font: 9px DM Mono, monospace;
}

.research-method-horizon h3 {
  max-width: 13ch;
  margin-top: 58px;
  font-size: clamp(21px, 2.3vw, 29px);
}

.research-method-boundary {
  background: linear-gradient(110deg, #122744a1, #0a0f17e6);
  border: 1px solid #4b8dff33;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  gap: 65px;
  width: min(1140px, 100% - 60px);
  margin: 0 auto;
  padding: 58px;
  display: grid;
}

.research-method-boundary h2 {
  margin-top: 12px;
  font-size: clamp(26px, 3vw, 41px);
}

.research-method-boundary ul {
  gap: 19px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.research-method-boundary li {
  color: #aebdca;
  gap: 11px;
  font-size: 13px;
  line-height: 1.63;
  display: flex;
}

.research-method-boundary li svg {
  color: #59dca6;
  flex: none;
  margin-top: 2px;
}

.research-method-next {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 38px;
  width: min(1140px, 100% - 60px);
  margin: 0 auto;
  padding: 110px 0 150px;
  display: grid;
}

.research-method-next h2 {
  max-width: 650px;
  margin-top: 11px;
}

.research-method-actions {
  flex-direction: column;
  align-items: flex-start;
  gap: 13px;
  display: flex;
}

.research-method-primary, .research-method-secondary {
  min-width: 270px;
  min-height: 48px;
  transition: transform .16s var(--ease-out), border-color .16s var(--ease-out), background .16s var(--ease-out);
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 13px 15px;
  font: 10px DM Mono, monospace;
  text-decoration: none;
  display: inline-flex;
}

.research-method-primary {
  color: #07101c;
  background: #6aa8ff;
  border: 1px solid #5b9dff;
}

.research-method-secondary {
  color: #b9d8fa;
  background: #4b8dff0e;
  border: 1px solid #9bc4ee4d;
}

.research-method-primary:hover {
  background: #8abbff;
  transform: translateY(-2px);
}

.research-method-secondary:hover {
  background: #4b8dff21;
  border-color: #9bc4eeab;
  transform: translateY(-2px);
}

.research-method-primary:active, .research-method-secondary:active {
  transform: scale(.97);
}

@media (max-width: 820px) {
  .research-method-hero {
    padding: 118px 24px 72px;
  }

  .research-method-kicker {
    margin-top: 46px;
  }

  .research-method-hero h1 {
    font-size: clamp(46px, 11vw, 72px);
  }

  .research-method-section {
    width: min(100% - 40px, 1140px);
    padding: 72px 0;
  }

  .research-method-section-heading {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .research-method-principle-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 32px;
  }

  .research-method-boundary {
    grid-template-columns: 1fr;
    gap: 32px;
    width: min(100% - 40px, 1140px);
    padding: 30px 24px;
  }

  .research-method-next {
    grid-template-columns: 1fr;
    align-items: start;
    width: min(100% - 40px, 1140px);
    padding: 74px 0 128px;
  }

  .research-method-actions {
    width: 100%;
  }

  .research-method-primary, .research-method-secondary {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 560px) {
  .research-method-hero {
    padding: 100px 20px 58px;
  }

  .research-method-back {
    font-size: 8px;
  }

  .research-method-kicker {
    margin-top: 38px;
    font-size: 8px;
  }

  .research-method-hero h1 {
    margin: 18px 0 20px;
    font-size: clamp(42px, 13vw, 58px);
  }

  .research-method-intro {
    font-size: 14px;
  }

  .research-method-hero-meta {
    gap: 7px;
    font-size: 8px;
  }

  .research-method-section {
    width: min(100% - 32px, 1140px);
    padding: 58px 0;
  }

  .research-method-section-heading h2, .research-method-boundary h2, .research-method-next h2 {
    font-size: 29px;
  }

  .research-method-principle-grid, .research-method-horizon-grid {
    grid-template-columns: 1fr;
    gap: 9px;
    margin-top: 27px;
  }

  .research-method-principle, .research-method-horizon {
    min-height: 0;
    padding: 18px;
  }

  .research-method-principle h3, .research-method-horizon h3 {
    margin-top: 34px;
  }

  .research-method-boundary {
    width: min(100% - 32px, 1140px);
    padding: 24px 18px;
  }

  .research-method-next {
    gap: 28px;
    width: min(100% - 32px, 1140px);
    padding: 62px 0 122px;
  }
}

.research-method-faq {
  border-top: 1px solid #ffffff13;
}

.research-method-faq-tools {
  background: #0a131d85;
  border: 1px solid #8ebae82e;
  grid-template-columns: minmax(260px, .75fr) minmax(0, 1.25fr) auto;
  align-items: end;
  gap: 12px;
  margin-top: 32px;
  padding: 15px;
  display: grid;
}

.research-method-faq-search {
  color: #a5bed6;
  letter-spacing: .08em;
  text-transform: uppercase;
  gap: 7px;
  font: 9px DM Mono, monospace;
  display: grid;
}

.research-method-faq-search input {
  box-sizing: border-box;
  color: #eaf2f7;
  letter-spacing: normal;
  width: 100%;
  min-height: 40px;
  transition: border-color .16s var(--ease-out), box-shadow .16s var(--ease-out);
  background: #04090ead;
  border: 1px solid #8ebae83d;
  border-radius: 3px;
  outline: none;
  padding: 9px 11px;
  font: 12px Inter, sans-serif;
}

.research-method-faq-search input::placeholder {
  color: #74889a;
}

.research-method-faq-search input:focus {
  border-color: #7fb8fa;
  box-shadow: 0 0 0 3px #4b8dff1f;
}

.research-method-faq-filters {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.research-method-faq-filters button {
  color: #a9bbc9;
  cursor: pointer;
  min-height: 31px;
  transition: color .16s var(--ease-out), background .16s var(--ease-out), border-color .16s var(--ease-out), transform .16s var(--ease-out);
  background: none;
  border: 1px solid #8ebae833;
  border-radius: 999px;
  padding: 7px 9px;
  font: 9px DM Mono, monospace;
}

.research-method-faq-filters button:hover, .research-method-faq-filters button.is-active {
  color: #edf5fb;
  background: #4b8dff24;
  border-color: #6cbaf4a8;
}

.research-method-faq-filters button:active {
  transform: scale(.97);
}

.research-method-faq-filters button:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #9ad0ff;
}

.research-method-faq-status {
  color: #84a7c8;
  letter-spacing: .04em;
  white-space: nowrap;
  margin: 0;
  font: 9px DM Mono, monospace;
}

.research-method-faq-list {
  border-top: 1px solid #8ebae82e;
  margin-top: 22px;
}

.research-method-faq-item {
  border-bottom: 1px solid #8ebae82e;
}

.research-method-faq-trigger {
  color: #eaf2f7;
  letter-spacing: -.025em;
  text-align: left;
  width: 100%;
  transition: color .16s var(--ease-out);
  justify-content: space-between;
  align-items: center;
  gap: 22px;
  padding: 22px 0;
  font: 500 clamp(16px, 2vw, 21px) / 1.25 Space Grotesk, sans-serif;
  display: flex;
}

.research-method-faq-trigger:hover {
  color: #87c0ff;
}

.research-method-faq-trigger:focus-visible {
  outline-offset: 5px;
  outline: 2px solid #91c4ff;
}

.research-method-faq-trigger svg {
  color: #69dcae;
  transition: transform .18s var(--ease-out);
  flex: none;
}

.research-method-faq-trigger[data-state="open"] svg {
  transform: rotate(180deg);
}

.research-method-faq-answer {
  overflow: hidden;
}

.research-method-faq-answer p {
  color: #9eafbb;
  max-width: 74ch;
  margin: 0;
  padding: 0 30px 23px 0;
  font-size: 13px;
  line-height: 1.72;
}

.research-method-faq-empty {
  color: #9eafbb;
  background: #0a131d61;
  border: 1px dashed #8ebae847;
  gap: 8px;
  margin-top: 22px;
  padding: 24px;
  font-size: 12px;
  line-height: 1.62;
  display: grid;
}

.research-method-faq-empty strong {
  color: #e6f0f6;
  font: 500 15px Space Grotesk, sans-serif;
}

.research-method-faq-empty button {
  color: #96c8fb;
  cursor: pointer;
  text-underline-offset: 4px;
  background: none;
  border: 0;
  justify-self: start;
  margin-top: 4px;
  padding: 0;
  font: 10px DM Mono, monospace;
  text-decoration: underline;
}

.research-method-faq-empty button:focus-visible {
  outline-offset: 4px;
  outline: 2px solid #96c8fb;
}

.research-method-conversion {
  background: linear-gradient(135deg, #112b4be6, #080d13f7);
  border: 1px solid #59a7ff4a;
  grid-template-columns: minmax(0, 1fr) minmax(290px, .52fr);
  align-items: end;
  gap: clamp(36px, 7vw, 108px);
  width: min(1140px, 100% - 60px);
  margin: 0 auto 150px;
  padding: clamp(32px, 5vw, 60px);
  display: grid;
  position: relative;
  overflow: hidden;
}

.research-method-conversion-grid {
  opacity: .52;
  pointer-events: none;
  background-image: linear-gradient(#7db3f20d 1px, #0000 1px), linear-gradient(90deg, #7db3f20d 1px, #0000 1px);
  background-size: 34px 34px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(90deg, #000, #0000 82%);
  mask-image: linear-gradient(90deg, #000, #0000 82%);
}

.research-method-conversion-copy, .research-method-conversion-actions {
  z-index: 1;
  position: relative;
}

.research-method-conversion-copy > p {
  color: #83b8f4;
  letter-spacing: .12em;
  margin: 0;
  font: 9px / 1.55 DM Mono, monospace;
}

.research-method-conversion-copy h2 {
  color: #eef5f8;
  letter-spacing: -.06em;
  max-width: 660px;
  margin: 17px 0 16px;
  font: 520 clamp(30px, 4vw, 52px) / 1.01 Space Grotesk, sans-serif;
}

.research-method-conversion-copy > span {
  color: #aabac5;
  max-width: 62ch;
  font-size: 13px;
  line-height: 1.75;
  display: block;
}

.research-method-conversion-actions {
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  display: flex;
}

.research-method-conversion-actions .research-method-primary, .research-method-conversion-actions .research-method-secondary {
  width: 100%;
  min-width: 0;
}

.research-method-opportunity-link {
  color: #9ec7fa;
  align-items: center;
  gap: 7px;
  margin-top: 7px;
  font: 10px / 1.45 DM Mono, monospace;
  text-decoration: none;
  display: inline-flex;
}

.research-method-opportunity-link:hover {
  color: #e3f0ff;
}

.research-method-opportunity-link:focus-visible {
  outline-offset: 4px;
  outline: 2px solid #9ec7fa;
}

.hero-research-badge {
  transition: border-color .16s var(--ease-out), background-color .16s var(--ease-out), box-shadow .16s var(--ease-out), transform .16s var(--ease-out);
}

.hero-research-badge:hover, .hero-research-badge:focus-visible {
  background: #4b8dff24;
  border-color: #88cdffcc;
  transform: translateY(-1px);
  box-shadow: 0 0 0 4px #4b8dff14, 0 8px 26px #1b5db82e;
}

.hero-research-tooltip {
  color: #c1d1dc;
  background: #080e16fa;
  border: 1px solid #82bbf457;
  max-width: 310px;
  font-size: 11px;
  line-height: 1.58;
  box-shadow: 0 16px 42px #0000005c;
}

.hero-research-tooltip p {
  margin: 0;
}

.hero-research-tooltip-links {
  border-top: 1px solid #9bc5ee2e;
  flex-wrap: wrap;
  gap: 6px 11px;
  margin-top: 10px;
  padding-top: 9px;
  display: flex;
}

.hero-research-tooltip-links a {
  color: #9fd0fb;
  font: 9px / 1.4 DM Mono, monospace;
  text-decoration: none;
}

.hero-research-tooltip-links a:hover {
  color: #f2fbff;
  text-underline-offset: 3px;
  text-decoration: underline;
}

.hero-research-tooltip-links a:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #9fd0fb;
}

.research-method-primary-pulse {
  isolation: isolate;
  position: relative;
}

.research-method-primary-pulse:after {
  z-index: -1;
  border-radius: inherit;
  content: "";
  opacity: 0;
  pointer-events: none;
  border: 1px solid #a5efcda6;
  position: absolute;
  inset: -5px;
  transform: scale(.98);
}

.research-method-primary-pulse:focus-visible {
  outline-offset: 4px;
  outline: 2px solid #dffff1;
}

@media (prefers-reduced-motion: no-preference) {
  .research-method-primary-pulse:after {
    animation: research-method-cta-pulse 3.2s var(--ease-out) infinite;
  }
}

@keyframes research-method-cta-pulse {
  0%, 28% {
    opacity: 0;
    transform: scale(.98);
  }

  40% {
    opacity: .5;
  }

  62% {
    opacity: 0;
    transform: scale(1.08);
  }

  100% {
    opacity: 0;
    transform: scale(1.08);
  }
}

@media (max-width: 820px) {
  .research-method-conversion {
    grid-template-columns: 1fr;
    gap: 31px;
    width: min(100% - 40px, 1140px);
    margin-bottom: 128px;
  }

  .research-method-faq-tools {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .research-method-faq-answer p {
    padding-right: 0;
  }
}

@media (max-width: 560px) {
  .research-method-faq-trigger {
    gap: 14px;
    padding: 18px 0;
    font-size: 17px;
  }

  .research-method-faq-answer p {
    padding-bottom: 19px;
    font-size: 12px;
  }

  .research-method-conversion {
    width: min(100% - 32px, 1140px);
    margin-bottom: 106px;
    padding: 26px 20px;
  }

  .research-method-conversion-copy h2 {
    font-size: 30px;
  }

  .research-method-conversion-copy > span {
    font-size: 12px;
  }

  .research-method-opportunity-link {
    font-size: 9px;
  }

  .research-method-faq-tools {
    margin-top: 24px;
    padding: 12px;
  }

  .research-method-faq-status {
    white-space: normal;
  }
}

.knowledge-library-index {
  text-align: left;
  background: linear-gradient(90deg, #0f2d454d, #080c1233);
  border-top: 1px solid #67e8f94d;
  border-bottom: 1px solid #ffffff17;
  justify-content: space-between;
  align-items: end;
  gap: 26px;
  margin: 24px 0 20px;
  padding: 18px 20px;
  display: flex;
}

.knowledge-library-index-copy > span {
  color: #9ddcf7;
  letter-spacing: .13em;
  text-transform: uppercase;
  font: 9px DM Mono, monospace;
}

.knowledge-library-index-copy h2 {
  color: #eff6fa;
  letter-spacing: -.04em;
  margin: 8px 0 7px;
  font-size: clamp(19px, 2.1vw, 28px);
  font-weight: 520;
  line-height: 1.08;
}

.knowledge-library-index-copy p {
  color: #98a9b6;
  max-width: 62ch;
  margin: 0;
  font-size: 11px;
  line-height: 1.65;
}

.knowledge-library-progress {
  color: #aabac5;
  letter-spacing: .04em;
  white-space: nowrap;
  border: 1px solid #67e8f933;
  flex: none;
  margin: 0;
  padding: 9px 11px;
  font: 9px DM Mono, monospace;
}

.knowledge-library-progress strong {
  color: #dff5ff;
  font-weight: 500;
}

.knowledge-library-more {
  justify-content: center;
  margin-top: 28px;
  display: flex;
}

.knowledge-library-more button {
  color: #d7eaff;
  letter-spacing: .04em;
  cursor: pointer;
  min-height: 44px;
  transition: transform .16s var(--ease-out), border-color .16s var(--ease-out), background-color .16s var(--ease-out);
  background: #4b8dff14;
  border: 1px solid #80b1f175;
  align-items: center;
  gap: 8px;
  padding: 12px 17px;
  font: 10px DM Mono, monospace;
  display: inline-flex;
}

.knowledge-library-more button:hover {
  background: #4b8dff29;
  border-color: #94bcf4;
  transform: translateY(-2px);
}

.knowledge-library-more button:active {
  transform: scale(.97);
}

.knowledge-library-more button:focus-visible {
  outline-offset: 4px;
  outline: 2px solid #9bc8ff;
}

.knowledge-library-complete, .knowledge-library-empty {
  color: #91a3b0;
  letter-spacing: .03em;
  text-align: center;
  border: 1px solid #ffffff17;
  margin: 28px 0 0;
  padding: 15px;
  font: 10px DM Mono, monospace;
}

.knowledge-library-empty {
  color: #e9ce90;
  border-color: #fbbf243d;
}

@media (max-width: 620px) {
  .knowledge-library-index {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    padding: 17px;
  }

  .knowledge-library-progress {
    text-align: center;
    align-self: stretch;
  }

  .knowledge-library-more {
    margin-top: 20px;
  }

  .knowledge-library-more button {
    justify-content: center;
    width: 100%;
  }
}

.article-journal-footer {
  border-top: 1px solid #ffffff17;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 16px;
  padding-top: 15px;
  display: flex;
}

.article-journal-footer p, .article-journal-footer span {
  color: #8e9da9;
  letter-spacing: .035em;
  margin: 0;
  font: 9px DM Mono, monospace;
}

.article-journal-footer strong {
  color: #dfeefa;
  font-weight: 500;
}

.article-journal-footer button {
  color: #d7eaff;
  letter-spacing: .04em;
  cursor: pointer;
  min-height: 40px;
  transition: transform .16s var(--ease-out), border-color .16s var(--ease-out), background-color .16s var(--ease-out);
  background: #4b8dff14;
  border: 1px solid #80b1f175;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  font: 9px DM Mono, monospace;
  display: inline-flex;
}

.article-journal-footer button:hover {
  background: #4b8dff29;
  border-color: #94bcf4;
  transform: translateY(-2px);
}

.article-journal-footer button:active {
  transform: scale(.97);
}

.article-journal-footer button:focus-visible {
  outline-offset: 4px;
  outline: 2px solid #9bc8ff;
}

@media (max-width: 620px) {
  .article-journal-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .article-journal-footer p, .article-journal-footer span {
    text-align: center;
  }

  .article-journal-footer button {
    justify-content: center;
    width: 100%;
  }
}

.nav-mega-panel-collaboration {
  width: 660px;
  left: auto;
  right: 0;
}

.nav-mega-panel-collaboration:before {
  left: auto;
  right: 30px;
}

.knowledge-header-link {
  text-decoration: none;
}

.frontier-section {
  background: radial-gradient(circle at 78% 28%, #2e6fcf21, #0000 27%), #0b0e13;
  overflow: hidden;
}

.frontier-grid {
  grid-template-columns: minmax(0, 1fr) minmax(250px, .62fr);
  align-items: center;
  gap: clamp(42px, 7vw, 112px);
  margin-top: 32px;
  display: grid;
}

.frontier-copy h2, .operating-model-heading h2, .collaboration-heading h2 {
  color: #f1f5f7;
  letter-spacing: -.06em;
  margin: 0;
  font-size: clamp(39px, 4.8vw, 65px);
  font-weight: 540;
  line-height: 1;
}

.frontier-copy h2 span, .operating-model-heading h2 span, .collaboration-heading h2 span {
  color: var(--emerald);
}

.frontier-copy > p:last-child {
  color: #9aa8b4;
  max-width: 59ch;
  margin: 24px 0 0;
  font-size: 14px;
  line-height: 1.8;
}

.frontier-signal-art {
  aspect-ratio: 1;
  background: radial-gradient(circle, #35d69c1f 0 3%, #0000 3.5% 18%, #4b8dff12 18.5% 19%, #0000 19.5% 33%, #35d69c0f 33.5% 34%, #0000 34.5%);
  border: 1px solid #709bd742;
  border-radius: 50%;
  place-self: center;
  place-items: center;
  max-width: 340px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 0 24px #4b8dff05, 0 0 65px #195ec324, inset 0 0 50px #35d69c0d;
}

.frontier-signal-art:before, .frontier-signal-art:after {
  content: "";
  background: linear-gradient(90deg, #0000, #4b8dff8c, #0000);
  width: 130%;
  height: 1px;
  position: absolute;
  transform: rotate(28deg);
}

.frontier-signal-art:after {
  background: linear-gradient(90deg, #0000, #35d69c66, #0000);
  transform: rotate(-57deg);
}

.frontier-signal-art span {
  background: #101721;
  border: 1px solid #7caeff;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  box-shadow: 0 0 18px #4b8dffcc;
}

.frontier-signal-art span:first-child {
  top: 21%;
  left: 20%;
}

.frontier-signal-art span:nth-child(2) {
  border-color: #74e0b8;
  bottom: 26%;
  right: 20%;
  box-shadow: 0 0 18px #35d69cb8;
}

.frontier-signal-art span:nth-child(3) {
  width: 6px;
  height: 6px;
  top: 18%;
  right: 27%;
}

.frontier-signal-art i {
  z-index: 1;
  color: #dce8f1;
  letter-spacing: .16em;
  text-align: center;
  font: 10px / 1.7 DM Mono, monospace;
}

.frontier-principles {
  background: #ffffff17;
  border: 1px solid #ffffff17;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: 52px;
  display: grid;
}

.frontier-principles article {
  background: #0a0e14;
  min-height: 194px;
  padding: 20px;
}

.frontier-principles span, .collaboration-card > span {
  color: #75a5e8;
  letter-spacing: .12em;
  font: 9px DM Mono, monospace;
}

.frontier-principles h3, .operating-model-grid h3, .collaboration-card h3 {
  color: #e9f1f5;
  letter-spacing: -.03em;
  margin: 24px 0 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

.frontier-principles p, .operating-model-grid p, .collaboration-card p {
  color: #8998a4;
  margin: 0;
  font-size: 11px;
  line-height: 1.65;
}

.business-decision-section {
  background: radial-gradient(circle at 82% 12%, #35d69c1c, #0000 24%), linear-gradient(135deg, #0b1118, #080b10);
}

.business-decision-heading {
  grid-template-columns: minmax(0, 1.12fr) minmax(270px, .62fr);
  align-items: end;
  gap: clamp(32px, 6vw, 88px);
  margin-top: 30px;
  display: grid;
}

.business-decision-heading h2 {
  color: #f0f5f7;
  letter-spacing: -.06em;
  margin: 0;
  font-size: clamp(38px, 4.5vw, 63px);
  font-weight: 540;
  line-height: 1;
}

.business-decision-heading h2 span {
  color: var(--emerald);
}

.business-decision-heading > p {
  color: #9aa9b5;
  max-width: 48ch;
  margin: 0 0 3px;
  font-size: 13px;
  line-height: 1.75;
}

.business-decision-grid {
  background: #75a5e829;
  border: 1px solid #75a5e82e;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: 46px;
  display: grid;
}

.business-decision-grid article {
  background: linear-gradient(150deg, #0c141dfa, #070a0ffa);
  min-height: 220px;
  padding: 22px;
}

.business-decision-grid article:nth-child(2) {
  background: linear-gradient(150deg, #0a2121f0, #070b0ffa);
}

.business-decision-grid span {
  color: #82b5f6;
  letter-spacing: .12em;
  font: 9px DM Mono, monospace;
}

.business-decision-grid h3 {
  color: #eaf2f4;
  letter-spacing: -.035em;
  margin: 28px 0 11px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.14;
}

.business-decision-grid p {
  color: #96a5b0;
  max-width: 31ch;
  margin: 0;
  font-size: 11px;
  line-height: 1.7;
}

.business-decision-actions {
  background: #35d69c0b;
  border: 1px solid #35d69c33;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  margin-top: 12px;
  padding: 19px 22px;
  display: grid;
}

.business-decision-actions p {
  color: #9eafb9;
  max-width: 58ch;
  margin: 0;
  font-size: 11px;
  line-height: 1.65;
}

.business-decision-actions strong {
  color: #e4f3eb;
  font-weight: 500;
}

.business-decision-actions > div {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 9px;
  display: flex;
}

.business-decision-actions a {
  color: #c8e0ff;
  letter-spacing: .02em;
  border: 1px solid #93c2f947;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  padding: 10px 12px;
  font: 9px DM Mono, monospace;
  text-decoration: none;
  display: inline-flex;
}

.business-decision-actions a:first-child {
  color: #b8efd9;
  background: #35d69c1c;
  border-color: #35d69c6b;
}

.business-decision-actions a:hover {
  background: #7eb1f01a;
  border-color: #cde5ffad;
}

.business-decision-actions a:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #8bd5bb;
}

.operating-model-section {
  background: linear-gradient(#0a0e13, #0d1118);
}

.operating-model-heading, .collaboration-heading {
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, .65fr);
  align-items: end;
  gap: 60px;
  margin-top: 30px;
  display: grid;
}

.operating-model-heading > p, .collaboration-heading > p {
  color: #96a4b0;
  max-width: 48ch;
  margin: 0 0 3px;
  font-size: 13px;
  line-height: 1.75;
}

.operating-model-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 50px;
  display: grid;
}

.operating-model-grid article {
  background: linear-gradient(160deg, #35d69c0e, #080d128a);
  border-top: 1px solid #35d69c8c;
  min-height: 230px;
  padding: 18px;
}

.operating-model-number {
  color: #70d9b2;
  letter-spacing: .13em;
  font: 10px DM Mono, monospace;
}

.collaboration-section {
  background: radial-gradient(circle at 16% 82%, #35d69c12, #0000 27%), #0a0d12;
}

.collaboration-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 50px;
  display: grid;
}

.collaboration-card {
  background: linear-gradient(150deg, #101822e6, #070a0ff0);
  border: 1px solid #ffffff1a;
  flex-direction: column;
  min-height: 300px;
  padding: 22px;
  display: flex;
}

.collaboration-card:nth-child(2) {
  background: linear-gradient(150deg, #0c2120b8, #070a0ff2);
  border-color: #35d69c4f;
}

.collaboration-card-minimal {
  background: #ffffff06;
}

.collaboration-card a {
  color: #9ac2ff;
  letter-spacing: .04em;
  align-items: center;
  gap: 7px;
  width: fit-content;
  margin-top: auto;
  padding-top: 24px;
  font: 10px DM Mono, monospace;
  display: inline-flex;
}

.collaboration-card a:hover {
  color: #e6f1ff;
}

@media (max-width: 1180px) {
  .nav-mega-panel-collaboration {
    right: -70px;
  }
}

@media (max-width: 980px) {
  .frontier-grid, .operating-model-heading, .collaboration-heading, .business-decision-heading {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .frontier-signal-art {
    width: min(280px, 74vw);
  }

  .operating-model-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .collaboration-grid {
    grid-template-columns: 1fr;
  }

  .collaboration-card {
    min-height: 0;
  }

  .nav-mega-panel-collaboration {
    right: -160px;
  }
}

@media (max-width: 720px) {
  .frontier-section {
    padding-top: 86px;
    padding-bottom: 86px;
  }

  .frontier-grid {
    margin-top: 24px;
  }

  .frontier-copy > p:last-child {
    font-size: 13px;
  }

  .frontier-principles {
    grid-template-columns: 1fr;
    margin-top: 34px;
  }

  .frontier-principles article {
    min-height: 0;
  }

  .business-decision-heading {
    margin-top: 24px;
  }

  .business-decision-grid {
    grid-template-columns: 1fr;
    margin-top: 32px;
  }

  .business-decision-grid article {
    min-height: 0;
  }

  .business-decision-actions {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .business-decision-actions > div {
    justify-content: flex-start;
  }

  .operating-model-heading, .collaboration-heading {
    margin-top: 24px;
  }

  .operating-model-grid {
    grid-template-columns: 1fr;
    margin-top: 32px;
  }

  .operating-model-grid article {
    min-height: 0;
  }

  .collaboration-grid {
    margin-top: 32px;
  }

  .knowledge-header-link {
    display: none;
  }
}

.service-family-sequence {
  grid-template-columns: minmax(0, 1fr) 250px;
  align-items: stretch;
  gap: 12px;
  display: grid;
}

.service-narrative-card {
  background: linear-gradient(160deg, #10223bb8, #080c12f0);
  border: 1px solid #4b8dff36;
  flex-direction: column;
  min-height: 100%;
  padding: 20px;
  display: flex;
}

.service-narrative-signal {
  color: #77a8ed;
  letter-spacing: .13em;
  font: 9px DM Mono, monospace;
}

.service-narrative-copy h3 {
  color: #edf4f7;
  letter-spacing: -.04em;
  margin: 22px 0 9px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.08;
}

.service-narrative-copy p {
  color: #93a3af;
  margin: 0;
  font-size: 11px;
  line-height: 1.62;
}

.service-narrative-points {
  border-top: 1px solid #ffffff17;
  flex-direction: column;
  gap: 7px;
  margin: 17px 0 0;
  padding: 14px 0 0;
  list-style: none;
  display: flex;
}

.service-narrative-points li {
  color: #b7c5ce;
  gap: 7px;
  font-size: 10px;
  line-height: 1.45;
  display: flex;
}

.service-narrative-points svg {
  color: var(--emerald);
  flex: none;
  margin-top: 1px;
}

.service-narrative-action {
  color: #98c0ff;
  letter-spacing: .04em;
  align-items: center;
  gap: 7px;
  width: fit-content;
  margin-top: auto;
  padding-top: 20px;
  font: 10px DM Mono, monospace;
  text-decoration: none;
  display: inline-flex;
}

.service-narrative-action:hover {
  color: #edf5ff;
}

.opportunity-map-page {
  background: radial-gradient(circle at 76% 9%, #2968cf29, #0000 24%), radial-gradient(circle at 18% 68%, #35d69c14, #0000 22%), #080b10;
  min-height: 100vh;
}

.opportunity-map-topbar {
  color: #718394;
  letter-spacing: .11em;
  border-bottom: 1px solid #ffffff17;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  max-width: 1280px;
  margin: 0 auto;
  padding: 23px 36px;
  font: 9px DM Mono, monospace;
  display: flex;
}

.opportunity-map-topbar-meta {
  align-items: center;
  gap: 12px;
  display: flex;
}

.opportunity-back-link {
  color: #bfd3eb;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  display: inline-flex;
}

.opportunity-back-link:hover {
  color: #fff;
}

.opportunity-map-hero {
  text-align: center;
  max-width: 920px;
  margin: 0 auto;
  padding: 106px 36px 90px;
}

.opportunity-map-orbit {
  color: #9ec5ff;
  border: 1px solid #599cff6b;
  border-radius: 50%;
  place-items: center;
  width: 60px;
  height: 60px;
  margin: 0 auto 25px;
  display: grid;
  box-shadow: 0 0 0 13px #4b8dff08, 0 0 45px #4b8dff2b;
}

.opportunity-map-hero .kicker {
  color: #7aaae9;
}

.opportunity-map-hero h1 {
  color: #f4f8fa;
  letter-spacing: -.07em;
  margin: 15px 0 20px;
  font-size: clamp(44px, 7.3vw, 82px);
  font-weight: 520;
  line-height: .94;
}

.opportunity-map-hero h1 span {
  color: var(--emerald);
}

.opportunity-map-lead {
  color: #a7b4bd;
  max-width: 66ch;
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.8;
}

.opportunity-map-actions {
  justify-content: center;
  gap: 10px;
  margin-top: 32px;
  display: flex;
}

.opportunity-map-actions a {
  letter-spacing: .04em;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 13px 18px;
  font: 10px DM Mono, monospace;
  text-decoration: none;
  display: inline-flex;
}

.opportunity-map-actions .button-primary {
  color: #081019;
  background: #dcecff;
}

.opportunity-map-actions .button-primary:hover {
  background: #fff;
}

.opportunity-map-actions .button-secondary {
  color: #c9ddf5;
  background: #9ec5ff12;
  border: 1px solid #9ec5ff42;
}

.opportunity-map-actions .button-secondary:hover {
  background: #9ec5ff21;
  border-color: #9ec5ff8c;
}

.opportunity-map-note {
  color: #71818e;
  max-width: 76ch;
  margin: 18px auto 0;
  font-size: 10px;
  line-height: 1.55;
}

.opportunity-map-stages {
  border-top: 1px solid #ffffff14;
  max-width: 1280px;
  margin: 0 auto;
  padding: 72px 36px 80px;
}

.opportunity-map-section-heading {
  grid-template-columns: minmax(0, 1.3fr) minmax(260px, .7fr);
  align-items: end;
  gap: 60px;
  display: grid;
}

.opportunity-map-section-heading span, .opportunity-map-principles span {
  color: #7aaae9;
  letter-spacing: .12em;
  font: 9px DM Mono, monospace;
}

.opportunity-map-section-heading h2 {
  color: #edf4f7;
  letter-spacing: -.055em;
  margin: 12px 0 0;
  font-size: clamp(30px, 4vw, 51px);
  font-weight: 510;
  line-height: 1;
}

.opportunity-map-section-heading p {
  color: #9aa9b3;
  max-width: 45ch;
  margin: 0;
  font-size: 12px;
  line-height: 1.7;
}

.opportunity-map-stage-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 46px;
  display: grid;
}

.opportunity-map-stage-card {
  background: linear-gradient(150deg, #121b27e0, #070a0ff5);
  border: 1px solid #ffffff1a;
  min-height: 278px;
  padding: 20px;
}

.opportunity-map-stage-card > div:first-child {
  color: #88b4ef;
  letter-spacing: .1em;
  justify-content: space-between;
  align-items: center;
  font: 10px DM Mono, monospace;
  display: flex;
}

.opportunity-map-stage-card > div:first-child svg {
  color: #6ed5ad;
}

.opportunity-map-stage-card h3 {
  color: #f0f6f8;
  letter-spacing: -.035em;
  margin: 36px 0 10px;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.16;
}

.opportunity-map-stage-card > p {
  color: #91a0ac;
  margin: 0;
  font-size: 11px;
  line-height: 1.65;
}

.opportunity-map-prompt {
  color: #b9c7ce;
  border-top: 1px solid #ffffff14;
  gap: 7px;
  margin-top: 18px;
  padding-top: 13px;
  font-size: 10px;
  line-height: 1.5;
  display: flex;
}

.opportunity-map-prompt svg {
  color: var(--emerald);
  flex: none;
  margin-top: 1px;
}

.opportunity-map-principles {
  background: #ffffff17;
  border: 1px solid #ffffff17;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
}

.opportunity-map-principles > div {
  background: #0b1016;
  flex-direction: column;
  gap: 13px;
  min-height: 130px;
  padding: 19px;
  display: flex;
}

.opportunity-map-principles strong {
  color: #dce7ec;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
}

@media (max-width: 1060px) {
  .service-family-sequence {
    grid-template-columns: 1fr;
  }

  .service-narrative-card {
    min-height: 0;
  }

  .opportunity-map-stage-grid {
    grid-template-columns: 1fr;
  }

  .opportunity-map-stage-card {
    min-height: 0;
  }

  .opportunity-map-section-heading {
    grid-template-columns: 1fr;
    gap: 23px;
  }
}

@media (max-width: 720px) {
  .opportunity-map-topbar {
    flex-direction: column;
    align-items: flex-start;
    padding: 17px 18px;
  }

  .opportunity-map-topbar-meta {
    justify-content: space-between;
    width: 100%;
  }

  .opportunity-map-topbar-meta > span {
    max-width: calc(100% - 110px);
    font-size: 8px;
  }

  .opportunity-map-hero {
    padding: 72px 20px 66px;
  }

  .opportunity-map-lead {
    font-size: 13px;
  }

  .opportunity-map-actions {
    flex-direction: column;
  }

  .opportunity-map-actions a {
    width: 100%;
  }

  .opportunity-map-stages {
    padding: 56px 20px 64px;
  }

  .opportunity-map-principles {
    grid-template-columns: 1fr;
    margin: 0 20px;
  }

  .service-narrative-card {
    padding: 17px;
  }
}

.inquiry-page {
  color: #eaf1f5;
  background: radial-gradient(circle at 80% 7%, #3e7de224, #0000 25%), radial-gradient(circle at 11% 67%, #35d69c12, #0000 24%), #080b10;
  min-height: 100vh;
  overflow: hidden;
}

.inquiry-hero {
  background: linear-gradient(#111c298f, #080b1024);
  border-bottom: 1px solid #ffffff14;
}

.inquiry-shell {
  width: min(1200px, 100% - 64px);
  margin: 0 auto;
}

.inquiry-hero .inquiry-shell {
  padding: 30px 0 78px;
}

.inquiry-back {
  color: #bcd0e8;
  letter-spacing: .09em;
  transition: color .16s var(--ease-out), transform .16s var(--ease-out);
  align-items: center;
  gap: 8px;
  font: 10px DM Mono, monospace;
  text-decoration: none;
  display: inline-flex;
}

.inquiry-back:hover {
  color: #fff;
  transform: translateX(-2px);
}

.inquiry-intro {
  grid-template-columns: minmax(0, 1fr) minmax(240px, .54fr);
  align-items: end;
  gap: 60px;
  margin-top: 86px;
  display: grid;
}

.inquiry-intro h1, .inquiry-success h1 {
  color: #f3f7f9;
  letter-spacing: -.07em;
  max-width: 15ch;
  margin: 14px 0 19px;
  font-size: clamp(43px, 6vw, 76px);
  font-weight: 520;
  line-height: .96;
}

.inquiry-intro p:not(.section-kicker), .inquiry-success > p {
  color: #9daab5;
  max-width: 65ch;
  margin: 0;
  font-size: 14px;
  line-height: 1.78;
}

.inquiry-steps {
  border-top: 1px solid #7ba9ed4d;
  flex-direction: column;
  gap: 9px;
  padding: 18px 0 4px;
  display: flex;
}

.inquiry-steps span {
  color: #bfcedb;
  letter-spacing: .04em;
  align-items: center;
  gap: 8px;
  font: 10px DM Mono, monospace;
  display: flex;
}

.inquiry-steps svg {
  color: #6ed5ad;
}

.inquiry-grid {
  grid-template-columns: minmax(255px, .7fr) minmax(0, 1.3fr);
  gap: 20px;
  padding: 36px 0 90px;
  display: grid;
}

.inquiry-route-panel, .inquiry-form {
  background: linear-gradient(155deg, #121c28cc, #080c12eb);
  border: 1px solid #ffffff1a;
}

.inquiry-route-panel {
  align-self: start;
  padding: 24px;
}

.inquiry-route-panel h2, .inquiry-route-context h2 {
  color: #eef5f7;
  letter-spacing: -.04em;
  margin: 10px 0;
  font-size: 24px;
  font-weight: 520;
  line-height: 1.1;
}

.inquiry-muted {
  color: #8797a4;
  margin: 0;
  font-size: 11px;
  line-height: 1.65;
}

.inquiry-route-list {
  flex-direction: column;
  gap: 7px;
  margin-top: 22px;
  display: flex;
}

.inquiry-route-list button {
  color: #dbe5ea;
  text-align: left;
  cursor: pointer;
  width: 100%;
  transition: border-color .16s var(--ease-out), background-color .16s var(--ease-out), transform .16s var(--ease-out);
  background: #02060b5c;
  border: 1px solid #ffffff14;
  border-radius: 7px;
  padding: 13px;
}

.inquiry-route-list button:hover {
  background: #3265a821;
  border-color: #7caeed73;
  transform: translateX(2px);
}

.inquiry-route-list button.is-active {
  background: linear-gradient(120deg, #35d69c21, #35d69c09);
  border-color: #35d69c7a;
  box-shadow: inset 2px 0 #68d7af;
}

.inquiry-route-list button span, .inquiry-route-context > p {
  color: #78adef;
  letter-spacing: .1em;
  text-transform: uppercase;
  font: 9px DM Mono, monospace;
  display: block;
}

.inquiry-route-list button.is-active span {
  color: #79dab7;
}

.inquiry-route-list button strong {
  color: #edf4f7;
  margin: 5px 0 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
  display: block;
}

.inquiry-route-list button small {
  color: #8d9ba6;
  font-size: 10px;
  line-height: 1.45;
  display: block;
}

.inquiry-boundary {
  color: #91a3ae;
  border-top: 1px solid #ffffff14;
  gap: 9px;
  margin-top: 20px;
  padding: 13px 0 0;
  display: flex;
}

.inquiry-boundary svg {
  color: #70d9b2;
  flex: none;
  margin-top: 2px;
}

.inquiry-boundary p {
  margin: 0;
  font-size: 10px;
  line-height: 1.6;
}

.inquiry-boundary strong {
  color: #dbe7ec;
}

.inquiry-form {
  padding: 26px;
}

.inquiry-route-context {
  border-bottom: 1px solid #ffffff17;
  padding-bottom: 20px;
}

.inquiry-route-context h2 {
  margin: 7px 0 9px;
  font-size: 28px;
}

.inquiry-route-context span {
  color: #9aa9b4;
  max-width: 75ch;
  font-size: 11px;
  line-height: 1.65;
  display: block;
}

.inquiry-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
  display: grid;
}

.inquiry-form label {
  color: #b9c7cf;
  letter-spacing: .04em;
  flex-direction: column;
  gap: 7px;
  font: 10px DM Mono, monospace;
  display: flex;
}

.inquiry-form input:not([type="radio"]):not([type="checkbox"]), .inquiry-form select, .inquiry-form textarea {
  box-sizing: border-box;
  color: #eaf2f5;
  letter-spacing: normal;
  width: 100%;
  transition: border-color .16s var(--ease-out), box-shadow .16s var(--ease-out), background-color .16s var(--ease-out);
  background: #03070b87;
  border: 1px solid #ffffff21;
  border-radius: 4px;
  outline: none;
  font: 12px Inter, sans-serif;
}

.inquiry-form input:not([type="radio"]):not([type="checkbox"]), .inquiry-form select {
  min-height: 40px;
  padding: 8px 10px;
}

.inquiry-form textarea {
  resize: vertical;
  min-height: 110px;
  padding: 10px;
  line-height: 1.55;
}

.inquiry-form select {
  appearance: auto;
}

.inquiry-form option {
  color: #eaf2f5;
  background: #10161e;
}

.inquiry-form input::placeholder, .inquiry-form textarea::placeholder {
  color: #61707c;
}

.inquiry-form input:not([type="radio"]):not([type="checkbox"]):focus, .inquiry-form select:focus, .inquiry-form textarea:focus {
  background: #0b1b27c2;
  border-color: #60c6ebbd;
  box-shadow: 0 0 0 3px #48a0eb21;
}

.inquiry-full {
  margin-top: 15px;
}

.inquiry-contact-preference {
  color: #b9c7cf;
  letter-spacing: .04em;
  border-top: 1px solid #ffffff14;
  border-bottom: 1px solid #ffffff14;
  grid-template-columns: 150px 1fr;
  align-items: start;
  gap: 12px;
  margin-top: 19px;
  padding: 16px 0;
  font: 10px DM Mono, monospace;
  display: grid;
}

.inquiry-contact-preference > div {
  flex-wrap: wrap;
  gap: 14px;
  display: flex;
}

.inquiry-contact-preference label, .inquiry-consent {
  cursor: pointer;
  align-items: flex-start;
  line-height: 1.48;
  color: #a8b8c2 !important;
  letter-spacing: normal !important;
  flex-direction: row !important;
  gap: 7px !important;
  font: 10px Inter, sans-serif !important;
}

.inquiry-contact-preference input, .inquiry-consent input {
  accent-color: #53d69c;
  flex: none;
  width: 14px;
  height: 14px;
  margin: 0;
}

.inquiry-consent {
  margin-top: 17px;
}

.inquiry-honeypot {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.inquiry-error {
  color: #fca5a5;
  margin: 15px 0 0;
  font-size: 11px;
  line-height: 1.5;
}

.inquiry-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 18px;
  margin-top: 22px;
  display: flex;
}

.inquiry-actions a:not(.inquiry-primary) {
  color: #b6d3fa;
  letter-spacing: .03em;
  font: 10px DM Mono, monospace;
  text-decoration: none;
}

.inquiry-actions a:not(.inquiry-primary):hover {
  color: #fff;
}

.inquiry-primary {
  color: #07120f;
  letter-spacing: .04em;
  cursor: pointer;
  min-height: 43px;
  transition: transform .16s var(--ease-out), background-color .16s var(--ease-out), box-shadow .16s var(--ease-out);
  background: #d9f6eb;
  border: 1px solid #d9f6eb;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 11px 15px;
  font: 700 10px DM Mono, monospace;
  text-decoration: none;
  display: inline-flex;
}

.inquiry-primary:hover:not(:disabled) {
  background: #fff;
  transform: translateY(-1px);
  box-shadow: 0 8px 28px #35d69c2e;
}

.inquiry-primary:active:not(:disabled) {
  transform: scale(.97);
}

.inquiry-primary:disabled {
  opacity: .58;
  cursor: wait;
}

.inquiry-success {
  max-width: 760px;
  padding: 108px 0 120px !important;
}

.inquiry-success > svg {
  color: #75ddb9;
}

.inquiry-success h1 {
  max-width: 16ch;
  font-size: clamp(38px, 5vw, 63px);
}

.inquiry-success > p {
  font-size: 13px;
}

@media (max-width: 900px) {
  .inquiry-intro, .inquiry-grid {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .inquiry-intro {
    margin-top: 58px;
  }

  .inquiry-steps {
    max-width: 430px;
  }

  .inquiry-route-panel {
    position: static;
  }
}

@media (max-width: 620px) {
  .inquiry-shell {
    width: min(100% - 32px, 1200px);
  }

  .inquiry-hero .inquiry-shell {
    padding: 22px 0 56px;
  }

  .inquiry-intro {
    margin-top: 48px;
  }

  .inquiry-intro h1, .inquiry-success h1 {
    font-size: clamp(39px, 12vw, 58px);
  }

  .inquiry-intro p:not(.section-kicker), .inquiry-success > p {
    font-size: 13px;
  }

  .inquiry-grid {
    padding: 22px 0 58px;
  }

  .inquiry-route-panel, .inquiry-form {
    padding: 17px;
  }

  .inquiry-form-grid {
    grid-template-columns: 1fr;
    gap: 13px;
  }

  .inquiry-contact-preference {
    grid-template-columns: 1fr;
  }

  .inquiry-contact-preference > div {
    flex-direction: column;
    gap: 10px;
  }

  .inquiry-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .inquiry-actions .inquiry-primary {
    width: 100%;
  }

  .inquiry-success {
    padding: 74px 0 82px !important;
  }
}

.knowledge-translation-boundary {
  border: 1px solid #4b8dff42;
  border-left: 3px solid var(--cobalt);
  color: #a8b9c9;
  background: #27549317;
  gap: 7px;
  max-width: 860px;
  margin: 22px 0 0;
  padding: 14px 16px;
  font-size: 12px;
  line-height: 1.58;
  display: grid;
}

.knowledge-translation-boundary strong {
  color: #d7e6f4;
  letter-spacing: .08em;
  text-transform: uppercase;
  font: 10px DM Mono, monospace;
}

html[dir="rtl"], html[dir="rtl"] body {
  overflow-x: clip;
}

html[dir="rtl"] body {
  font-family: Noto Sans Arabic, Tahoma, Arial, sans-serif;
}

html[dir="rtl"] .topbar, html[dir="rtl"] .hero-ctas, html[dir="rtl"] .hero-note, html[dir="rtl"] .signal-card-topline, html[dir="rtl"] .research-signal-heading, html[dir="rtl"] .closing-actions, html[dir="rtl"] .footer-links {
  direction: rtl;
}

html[dir="rtl"] .brand-copy, html[dir="rtl"] .section-index, html[dir="rtl"] .signal-card-topline, html[dir="rtl"] .telemetry, html[dir="rtl"] .footer-meta {
  direction: ltr;
}

html[dir="rtl"] .hero-copy, html[dir="rtl"] .frontier-copy, html[dir="rtl"] .research-signal-heading > p, html[dir="rtl"] .operating-model-heading, html[dir="rtl"] .collaboration-heading, html[dir="rtl"] .closing-section, html[dir="rtl"] .hero-deployable-tooltip-trigger {
  text-align: right;
}

html[dir="rtl"] .topbar-actions {
  margin-left: 0;
  margin-right: auto;
}

html[dir="rtl"] .theme-toggle-hint {
  text-align: right;
  direction: rtl;
  left: 0;
  right: auto;
}

html[dir="rtl"] .theme-toggle-hint:before {
  left: 15px;
  right: auto;
}

html[dir="rtl"] .research-signal-heading > p {
  justify-self: end;
}

html[dir="rtl"] .signal-metrics > div {
  grid-template-columns: minmax(0, 1fr) 64px;
}

html[dir="rtl"] .signal-metrics strong {
  text-align: left;
  grid-column: 2;
}

html[dir="rtl"] .signal-metrics span {
  text-align: right;
  grid-area: 1 / 1;
}

html[dir="rtl"] .signal-metrics i {
  direction: ltr;
}

.research-signal-section {
  background: radial-gradient(circle at 82% 20%, #4b8dff21, #0000 26%), radial-gradient(circle at 10% 90%, #35d69c0f, #0000 26%), #090c11;
  overflow: hidden;
}

.research-signal-section:before {
  content: "";
  pointer-events: none;
  border: 1px solid #6ba0e71f;
  border-radius: 50%;
  width: min(60vw, 840px);
  height: min(60vw, 840px);
  position: absolute;
  top: 11%;
  right: -28vw;
  box-shadow: 0 0 0 80px #6ba0e706, 0 0 0 160px #6ba0e705;
}

.research-signal-heading {
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, .72fr);
  align-items: end;
  gap: clamp(32px, 8vw, 120px);
  margin: 30px 0 48px;
  display: grid;
}

.research-signal-heading h2 {
  color: #f2f6f8;
  letter-spacing: -.062em;
  margin: 0;
  font-size: clamp(40px, 5vw, 67px);
  font-weight: 550;
  line-height: .99;
}

.research-signal-heading h2 span {
  color: var(--cobalt);
}

.research-signal-heading > p {
  color: #91a1ae;
  max-width: 51ch;
  margin: 0;
  font-size: 13px;
  line-height: 1.75;
}

.research-signal-grid {
  z-index: 1;
  grid-template-columns: minmax(235px, .76fr) minmax(310px, 1.05fr) minmax(255px, .85fr);
  align-items: stretch;
  gap: 13px;
  display: grid;
  position: relative;
}

.signal-metrics-card, .research-radar-card, .collaboration-map-card {
  background: linear-gradient(145deg, #111b28d6, #070b11f7);
  border: 1px solid #8aaed92e;
  min-height: 434px;
  padding: 20px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff09, 0 22px 55px #00000021;
}

.signal-metrics-card:after, .research-radar-card:after, .collaboration-map-card:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(120deg, #ffffff0b, #0000 24% 74%, #4b8dff0a);
  position: absolute;
  inset: 0;
}

.signal-card-topline {
  z-index: 1;
  color: #7da9e3;
  letter-spacing: .11em;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font: 9px DM Mono, monospace;
  display: flex;
  position: relative;
}

.signal-card-topline svg {
  color: #72dcb6;
}

.signal-metrics {
  z-index: 1;
  flex-direction: column;
  gap: 22px;
  margin-top: 48px;
  display: flex;
  position: relative;
}

.signal-metrics > div {
  border-bottom: 1px solid #ffffff17;
  grid-template-columns: 64px minmax(0, 1fr);
  align-items: end;
  gap: 9px 13px;
  padding-bottom: 13px;
  display: grid;
  position: relative;
}

.signal-metrics strong {
  color: #f0f6f8;
  letter-spacing: -.07em;
  font: 500 clamp(36px, 4vw, 51px) / .86 Space Grotesk, sans-serif;
}

.signal-metrics span {
  color: #b3c0ca;
  font-size: 11px;
  line-height: 1.35;
}

.signal-metrics i {
  background: #ffffff14;
  grid-column: 1 / -1;
  height: 2px;
  display: block;
  overflow: hidden;
}

.signal-metrics i:after {
  content: "";
  width: var(--bar);
  background: linear-gradient(90deg, var(--cobalt), var(--emerald));
  transform-origin: 0;
  height: 100%;
  display: block;
  box-shadow: 0 0 12px #4b8dffa6;
}

.signal-card-note {
  z-index: 1;
  color: #7f8f9d;
  margin: 27px 0 0;
  font-size: 11px;
  line-height: 1.65;
  position: relative;
}

.lens-picker {
  z-index: 1;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 20px;
  display: flex;
  position: relative;
}

.lens-picker button {
  color: #aebdca;
  cursor: pointer;
  min-height: 30px;
  transition: color .16s var(--ease-out), background .16s var(--ease-out), border-color .16s var(--ease-out), transform .16s var(--ease-out);
  background: #ffffff05;
  border: 1px solid #ffffff1c;
  border-radius: 999px;
  padding: 7px 9px;
  font: 9px DM Mono, monospace;
}

.lens-picker button:hover, .lens-picker button.is-active {
  color: #e6f0fa;
  background: #4b8dff1f;
  border-color: #68a2ec8c;
}

.lens-picker button:active {
  transform: scale(.97);
}

.lens-picker button:focus-visible, .instagram-header-link:focus-visible, .footer-links a[href*="instagram.com"]:focus-visible, .ai-adviser button:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #8ddcf3;
}

.radar-visual {
  z-index: 1;
  place-items: center;
  min-height: 245px;
  margin-top: 4px;
  display: grid;
  position: relative;
}

.radar-visual svg {
  width: min(100%, 272px);
  overflow: visible;
}

.radar-grid path {
  fill: none;
  stroke: #97bef42e;
  stroke-width: 1px;
}

.radar-shape {
  fill: url("#radar-fill");
  stroke: #71d4ee;
  stroke-width: 1.5px;
  filter: drop-shadow(0 0 8px #71d4ee4d);
  transition: d .28s var(--ease-out);
}

.radar-core {
  fill: #dfffee;
  filter: drop-shadow(0 0 8px #35d69cd9);
}

.radar-visual text {
  fill: #7990a6;
  letter-spacing: .06em;
  font: 7px DM Mono, monospace;
}

.radar-detail {
  z-index: 1;
  border-top: 1px solid #ffffff17;
  padding-top: 13px;
  position: relative;
}

.radar-detail strong {
  color: #72dcb6;
  letter-spacing: .05em;
  font: 10px DM Mono, monospace;
}

.radar-detail p {
  color: #92a2af;
  margin: 7px 0 0;
  font-size: 11px;
  line-height: 1.58;
}

.network-visual {
  z-index: 1;
  isolation: isolate;
  min-height: 290px;
  margin: 13px -4px 0;
  position: relative;
}

.network-orbit {
  border: 1px solid #71d4ee2e;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.orbit-one {
  width: 238px;
  height: 148px;
  transform: translate(-50%, -50%)rotate(-24deg);
}

.orbit-two {
  border-color: #35d69c24;
  width: 176px;
  height: 246px;
  transform: translate(-50%, -50%)rotate(48deg);
}

.network-link {
  transform-origin: 0;
  background: linear-gradient(90deg, #4b8dffb8, #35d69c14);
  width: 43%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.link-one {
  transform: rotate(-147deg);
}

.link-two {
  transform: rotate(-28deg);
}

.link-three {
  transform: rotate(91deg);
}

.network-node {
  z-index: 2;
  color: #b9d5ee;
  text-align: center;
  background: #0c1723db;
  border: 1px solid #90bef657;
  border-radius: 5px;
  place-items: center;
  width: 72px;
  min-height: 42px;
  padding: 6px 8px;
  font: 8px / 1.28 DM Mono, monospace;
  display: grid;
  position: absolute;
  box-shadow: 0 0 21px #4b8dff1c;
}

.node-core {
  color: #d8fff0;
  border-color: #35d69ca6;
  top: calc(50% - 21px);
  left: calc(50% - 36px);
  box-shadow: 0 0 28px #35d69c29;
}

.node-research {
  top: 17%;
  left: 12%;
}

.node-open {
  bottom: 22%;
  right: 2%;
}

.node-teams {
  top: 12%;
  right: 20%;
}

.network-caption {
  z-index: 1;
  color: #91a2af;
  border-top: 1px solid #ffffff17;
  margin: 0;
  padding-top: 14px;
  font-size: 11px;
  line-height: 1.65;
  position: relative;
}

@media (prefers-reduced-motion: no-preference) {
  .research-signal-section:before {
    animation: 20s linear infinite signal-orbit-drift;
  }

  .signal-metrics i:after {
    animation: signal-bars-enter .85s var(--ease-out) both;
  }

  .radar-visual {
    animation: 6s ease-in-out infinite radar-breathe;
  }

  .orbit-one {
    animation: 15s linear infinite network-orbit-one;
  }

  .orbit-two {
    animation: 19s linear infinite network-orbit-two;
  }

  .network-link {
    animation: 3.4s ease-in-out infinite network-link-glow;
  }

  .link-two {
    animation-delay: -1.1s;
  }

  .link-three {
    animation-delay: -2.2s;
  }

  .network-node {
    animation: 5.4s ease-in-out infinite network-node-float;
  }

  .node-open {
    animation-delay: -1.6s;
  }

  .node-teams {
    animation-delay: -3.1s;
  }

  .node-research {
    animation-delay: -4.2s;
  }
}

@keyframes signal-orbit-drift {
  to {
    transform: rotate(1turn);
  }
}

@keyframes signal-bars-enter {
  from {
    opacity: .25;
    transform: scaleX(.1);
  }

  to {
    opacity: 1;
    transform: scaleX(1);
  }
}

@keyframes radar-breathe {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-4px);
  }
}

@keyframes network-orbit-one {
  to {
    transform: translate(-50%, -50%)rotate(336deg);
  }
}

@keyframes network-orbit-two {
  to {
    transform: translate(-50%, -50%)rotate(-312deg);
  }
}

@keyframes network-link-glow {
  0%, 100% {
    opacity: .25;
  }

  45% {
    opacity: 1;
    box-shadow: 0 0 13px #4b8dffad;
  }
}

@keyframes network-node-float {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-6px);
  }
}

@media (max-width: 1080px) {
  .research-signal-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .collaboration-map-card {
    grid-column: 1 / -1;
    min-height: 355px;
  }

  .network-visual {
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
  }

  .network-caption {
    max-width: 64ch;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 760px) {
  .research-signal-heading {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 31px;
  }

  .research-signal-grid {
    grid-template-columns: 1fr;
  }

  .signal-metrics-card, .research-radar-card, .collaboration-map-card {
    min-height: 0;
    padding: 17px;
  }

  .signal-metrics {
    margin-top: 34px;
  }

  .collaboration-map-card {
    grid-column: auto;
  }

  .network-visual {
    min-height: 270px;
  }

  .node-research {
    left: 4%;
  }

  .node-open {
    right: 0;
  }

  .node-teams {
    right: 11%;
  }
}

.ai-adviser {
  z-index: 75;
  left: max(1rem, env(safe-area-inset-left));
  bottom: max(1rem, env(safe-area-inset-bottom));
  pointer-events: none;
  justify-items: start;
  gap: .75rem;
  display: grid;
  position: fixed;
}

.ai-adviser > * {
  pointer-events: auto;
}

.ai-adviser-launcher {
  color: #dff8ff;
  letter-spacing: .06em;
  text-transform: uppercase;
  min-height: 3.2rem;
  transition: transform .18s var(--ease-out), border-color .18s var(--ease-out), background .18s var(--ease-out);
  background: linear-gradient(135deg, #082439fa, #0a1223fa);
  border: 1px solid #5fbeff75;
  border-radius: 999px;
  align-items: center;
  gap: .55rem;
  padding: .7rem .95rem;
  font: .72rem DM Mono, monospace;
  display: inline-flex;
  box-shadow: 0 12px 42px #00000057, inset 0 1px #ffffff14;
}

.ai-adviser-launcher:hover {
  background: linear-gradient(135deg, #0b3950fa, #0e1831fa);
  border-color: #7bf0d9e6;
  transform: translateY(-2px);
}

.ai-adviser-launcher:active {
  transform: scale(.97);
}

.ai-adviser-launcher:focus-visible, .ai-adviser-header button:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #78f2d3;
}

.ai-adviser-panel {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  transform-origin: 0 100%;
  width: min(25rem, 100vw - 2rem);
  animation: adviser-enter .22s var(--ease-out) both;
  background: #060d1bf5;
  border: 1px solid #5fbeff5c;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 28px 80px #0000008a, inset 0 0 0 1px #7af2d30d;
}

.ai-adviser-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem 1rem .65rem;
  display: flex;
}

.ai-adviser-title {
  align-items: flex-start;
  gap: .65rem;
  display: flex;
}

.ai-adviser-title > span {
  color: #71b7ff;
  background: #25547e2e;
  border: 1px solid #5fbeff59;
  border-radius: .6rem;
  place-items: center;
  width: 1.85rem;
  height: 1.85rem;
  display: grid;
}

.ai-adviser-title strong, .ai-adviser-title small {
  display: block;
}

.ai-adviser-title strong {
  color: #effaff;
  letter-spacing: .04em;
  font: 600 .78rem / 1.2 DM Mono, monospace;
}

.ai-adviser-title small {
  color: #91a9bd;
  max-width: 16rem;
  margin-top: .25rem;
  font-size: .68rem;
  line-height: 1.35;
}

.ai-adviser-header button {
  color: #aac8d9;
  background: none;
  border: 0;
  border-radius: .5rem;
  place-items: center;
  width: 2rem;
  height: 2rem;
  display: grid;
}

.ai-adviser-header button:hover {
  color: #f2fbff;
  background: #8fcbff1a;
}

.ai-adviser-boundary {
  color: #9cc1ce;
  background: #54d9bd0f;
  border-left: 2px solid #54d9bd;
  align-items: center;
  gap: .45rem;
  margin: 0 1rem .75rem;
  padding: .55rem .65rem;
  font-size: .67rem;
  line-height: 1.35;
  display: flex;
}

.ai-adviser-cta {
  background: #5fbeff0b;
  border: 1px solid #5fbeff29;
  border-radius: .72rem;
  margin: 0 1rem .75rem;
  padding: .7rem;
}

.ai-adviser-cta > span {
  color: #9cc1ce;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: .48rem;
  font: .6rem DM Mono, monospace;
  display: block;
}

.ai-adviser-cta > div {
  grid-template-columns: 1fr 1fr;
  gap: .45rem;
  display: grid;
}

.ai-adviser-cta a {
  color: #dff8ff;
  text-align: center;
  min-width: 0;
  min-height: 2.15rem;
  transition: border-color .18s var(--ease-out), background .18s var(--ease-out), transform .18s var(--ease-out);
  background: #ffffff06;
  border: 1px solid #5fbeff38;
  border-radius: .45rem;
  justify-content: center;
  align-items: center;
  gap: .3rem;
  padding: .4rem;
  font: .59rem / 1.2 DM Mono, monospace;
  display: inline-flex;
}

.ai-adviser-cta a:hover {
  background: #54d9bd1a;
  border-color: #7bf0d9b8;
  transform: translateY(-1px);
}

.ai-adviser-cta a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #78f2d3;
}

.ai-adviser-chat {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-top: 1px solid #7bb3da29 !important;
  border-radius: 0 !important;
}

.ai-adviser-chat [data-radix-scroll-area-viewport] {
  scrollbar-width: thin;
}

.ai-adviser-chat textarea {
  color: #edf8ff !important;
  background: #ffffff09 !important;
  border-color: #7bb3da42 !important;
  font-size: .77rem !important;
}

.ai-adviser-chat button {
  font-family: DM Mono, monospace;
}

html[dir="rtl"] .ai-adviser-boundary {
  border-left: 0;
  border-right: 2px solid #54d9bd;
}

@keyframes adviser-enter {
  from {
    opacity: 0;
    transform: translateY(.75rem)scale(.97);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@media (max-width: 640px) {
  .ai-adviser {
    left: .8rem;
    bottom: max(4.8rem, calc(env(safe-area-inset-bottom)  + 4.2rem));
  }

  .ai-adviser-panel {
    width: min(25rem, 100vw - 1.6rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ai-adviser-panel {
    animation: none;
  }

  .ai-adviser-launcher {
    transition: none;
  }
}

.public-journey-bridge {
  isolation: isolate;
  background: linear-gradient(112deg, #0d1b2ce0, #090f17f5);
  border: 1px solid #4b8dff47;
  grid-template-columns: minmax(0, 1.35fr) auto;
  align-items: end;
  gap: 22px;
  padding: 22px 24px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff0b, 0 22px 52px #0000002e;
}

.public-journey-bridge:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, #0000 45%, #35d69c09);
  position: absolute;
  inset: 0;
}

.public-journey-bridge-orbit {
  z-index: -1;
  aspect-ratio: 1;
  border: 1px solid #4b8dff30;
  border-radius: 50%;
  width: 270px;
  position: absolute;
  top: -110px;
  right: -88px;
  box-shadow: 0 0 0 32px #4b8dff07, 0 0 0 65px #35d69c04;
}

.public-journey-bridge-orbit i {
  background: #0c1723;
  border: 1px solid #69a4ff;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  position: absolute;
  box-shadow: 0 0 10px #4b8dffb3;
}

.public-journey-bridge-orbit i:first-child {
  top: 8%;
  left: 49%;
}

.public-journey-bridge-orbit i:nth-child(2) {
  top: 31%;
  right: 4%;
}

.public-journey-bridge-orbit i:nth-child(3) {
  border-color: #52d8a3;
  bottom: 8%;
  right: 29%;
  box-shadow: 0 0 10px #35d69cb3;
}

.public-journey-bridge-orbit i:nth-child(4) {
  bottom: 27%;
  left: 5%;
}

.public-journey-bridge-orbit i:nth-child(5) {
  border-color: #52d8a3;
  top: 45%;
  left: 46%;
}

.public-journey-bridge-copy {
  z-index: 1;
  max-width: 64ch;
  position: relative;
}

.public-journey-bridge-copy > span {
  color: #35d69c;
  letter-spacing: .13em;
  text-transform: uppercase;
  align-items: center;
  gap: 7px;
  font: 9px DM Mono, monospace;
  display: inline-flex;
}

.public-journey-bridge-copy h2 {
  color: #edf6fb;
  letter-spacing: -.055em;
  max-width: 22ch;
  margin: 10px 0 7px;
  font: 520 clamp(21px, 3vw, 31px) / 1.01 Space Grotesk, sans-serif;
}

.public-journey-bridge-copy p {
  color: #aab9c4;
  margin: 0;
  font-size: 12px;
  line-height: 1.65;
}

.public-journey-bridge-actions {
  z-index: 1;
  gap: 8px;
  min-width: min(100%, 275px);
  display: grid;
  position: relative;
}

.public-journey-bridge-actions a {
  letter-spacing: .045em;
  text-transform: uppercase;
  min-height: 43px;
  transition: transform .18s var(--ease-out), border-color .18s var(--ease-out), background .18s var(--ease-out), color .18s var(--ease-out);
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  font: 9px / 1.25 DM Mono, monospace;
  display: inline-flex;
}

.public-journey-bridge-primary {
  color: #06101d;
  background: #4b8dff;
  border: 1px solid #4b8dffcc;
}

.public-journey-bridge-secondary {
  color: #c4f8e4;
  background: #35d69c0e;
  border: 1px solid #35d69c6b;
}

.public-journey-bridge-actions a:hover {
  transform: translateY(-2px);
}

.public-journey-bridge-primary:hover {
  background: #76a9ff;
  border-color: #84b5ff;
}

.public-journey-bridge-secondary:hover {
  color: #effff8;
  background: #35d69c1f;
  border-color: #78f3c5;
}

.public-journey-bridge-actions a:active {
  transform: scale(.97);
}

.public-journey-bridge-actions a:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #8fd3ff;
}

@media (max-width: 720px) {
  .public-journey-bridge {
    grid-template-columns: 1fr;
    padding: 19px;
  }

  .public-journey-bridge-actions {
    width: 100%;
    min-width: 0;
  }

  .public-journey-bridge-copy h2 {
    max-width: 18ch;
  }

  .public-journey-bridge-orbit {
    top: -143px;
    right: -128px;
  }
}

html[dir="rtl"] .public-journey-bridge {
  text-align: right;
}

.public-journey-bridge {
  text-align: left;
}

.opportunity-sector {
  grid-template-columns: minmax(240px, .72fr) minmax(0, 1.28fr);
  gap: 14px;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 0 78px;
  display: grid;
}

.opportunity-sector-select, .opportunity-sector-profile {
  background: linear-gradient(145deg, #111b28d6, #070b11f7);
  border: 1px solid #8aaed92e;
  box-shadow: inset 0 1px #ffffff09, 0 22px 55px #0000001a;
}

.opportunity-sector-select {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 214px;
  padding: 23px;
  display: flex;
}

.opportunity-sector-select .kicker {
  color: #78adef;
  letter-spacing: .12em;
  margin: 0 0 12px;
  font: 9px DM Mono, monospace;
}

.opportunity-sector-select label {
  color: #eaf3f7;
  letter-spacing: -.035em;
  max-width: 25ch;
  font-size: 19px;
  font-weight: 510;
  line-height: 1.18;
}

.opportunity-sector-field-count {
  color: #879cab;
  letter-spacing: .025em;
  margin: .58rem 0 0;
  font: 9px / 1.55 DM Mono, monospace;
}

.opportunity-sector-select select {
  color: #dbeef5;
  letter-spacing: .035em;
  cursor: pointer;
  width: 100%;
  min-height: 44px;
  transition: border-color .18s var(--ease-out), background-color .18s var(--ease-out), box-shadow .18s var(--ease-out);
  background: #07121dd4;
  border: 1px solid #87b8ed57;
  border-radius: 4px;
  outline: none;
  margin-top: 20px;
  padding: 0 12px;
  font: 10px DM Mono, monospace;
}

.opportunity-sector-select select:hover {
  background: #0d222dd6;
  border-color: #75d8b894;
}

.opportunity-sector-select select:focus-visible {
  border-color: #72d9b7;
  box-shadow: 0 0 0 3px #72d9b729;
}

.opportunity-sector-select option {
  color: #eaf3f7;
  background: #101821;
}

.opportunity-sector-profile {
  min-height: 214px;
  padding: 24px;
  position: relative;
  overflow: hidden;
}

.opportunity-sector-profile:after {
  content: "";
  pointer-events: none;
  border: 1px solid #5cb3ff24;
  border-radius: 50%;
  width: 240px;
  height: 240px;
  position: absolute;
  top: -125px;
  right: -96px;
  box-shadow: 0 0 0 37px #5cb3ff06, 0 0 0 74px #5cb3ff04;
}

.opportunity-sector-profile > span, .use-case-questions > span {
  z-index: 1;
  color: #70d9b2;
  letter-spacing: .12em;
  text-transform: uppercase;
  font: 9px DM Mono, monospace;
  display: block;
  position: relative;
}

.opportunity-sector-profile h2 {
  z-index: 1;
  color: #f0f7f8;
  letter-spacing: -.055em;
  max-width: 24ch;
  margin: 13px 0 9px;
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 520;
  line-height: 1.03;
  position: relative;
}

.opportunity-sector-profile p {
  z-index: 1;
  color: #a1b1bc;
  max-width: 63ch;
  margin: 0;
  font-size: 12px;
  line-height: 1.7;
  position: relative;
}

.opportunity-sector-profile ul {
  z-index: 1;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  position: relative;
}

.opportunity-sector-profile li {
  color: #c4d2d9;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  line-height: 1.4;
  display: inline-flex;
}

.opportunity-sector-profile li svg {
  color: #6ed5ad;
}

.discovery-calendar {
  max-width: 1280px;
  margin: 0 auto;
  padding: 82px 0 96px;
}

.discovery-calendar-heading {
  grid-template-columns: minmax(0, 1.02fr) minmax(260px, .7fr);
  align-items: end;
  gap: 46px;
  margin: 0 0 24px;
  display: grid;
}

.discovery-calendar-eyebrow {
  color: #6ed5ad;
  letter-spacing: .11em;
  text-transform: uppercase;
  align-items: center;
  gap: 7px;
  font: 9px DM Mono, monospace;
  display: inline-flex;
}

.discovery-calendar-heading h2 {
  color: #edf5f7;
  letter-spacing: -.06em;
  max-width: 15ch;
  margin: 12px 0 0;
  font-size: clamp(31px, 4.4vw, 55px);
  font-weight: 520;
  line-height: .98;
}

.discovery-calendar-heading p {
  color: #9aaab5;
  max-width: 45ch;
  margin: 0;
  font-size: 12px;
  line-height: 1.72;
}

.discovery-calendar-frame {
  background: #0a1119;
  border: 1px solid #8aaed933;
  border-radius: 6px;
  width: 100%;
  min-height: 600px;
  display: block;
  box-shadow: 0 24px 66px #0000002e;
}

.discovery-calendar-fallback {
  color: #8e9fa9;
  margin: 13px 0 0;
  font-size: 10px;
  line-height: 1.55;
}

.discovery-calendar-fallback a {
  color: #add2ff;
  text-underline-offset: 3px;
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.discovery-calendar-fallback a:hover {
  color: #ddf7ef;
}

.discovery-calendar-fallback a:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #72d9b7;
}

.discovery-calendar-compact {
  padding-top: 70px;
}

.discovery-calendar-compact .discovery-calendar-frame {
  min-height: 540px;
}

.use-case-page {
  background: radial-gradient(circle at 83% 12%, #4b8dff21, #0000 27%), radial-gradient(circle at 13% 54%, #35d69c0f, #0000 29%), #090c11;
  min-height: 100vh;
}

.use-case-page main {
  overflow: hidden;
}

.use-case-hero {
  max-width: 1000px;
  padding: 118px 0 76px;
  position: relative;
}

.use-case-hero:after {
  content: "";
  aspect-ratio: 1;
  pointer-events: none;
  border: 1px solid #6ba0e729;
  border-radius: 50%;
  width: min(47vw, 550px);
  position: absolute;
  top: 30px;
  right: -34vw;
  box-shadow: 0 0 0 48px #6ba0e706, 0 0 0 96px #6ba0e704;
}

.use-case-hero > * {
  z-index: 1;
  position: relative;
}

.use-case-hero h1 {
  color: #edf5f7;
  letter-spacing: -.075em;
  max-width: 14ch;
  margin: 12px 0 21px;
  font-size: clamp(45px, 7.3vw, 86px);
  font-weight: 530;
  line-height: .93;
}

.use-case-hero h1 span {
  color: #76afea;
}

.use-case-hero > p:not(.kicker) {
  color: #a3b2bd;
  max-width: 66ch;
  margin: 0;
  font-size: 14px;
  line-height: 1.78;
}

.use-case-hero .opportunity-map-actions {
  margin-top: 28px;
}

.use-case-outcomes {
  background: #ffffff0f;
  border: 1px solid #ffffff17;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
}

.use-case-outcomes article {
  background: #0a0f16e6;
  min-height: 220px;
  padding: 22px;
}

.use-case-outcomes article + article {
  border-left: 1px solid #ffffff14;
}

.use-case-outcomes svg {
  color: #6ed5ad;
}

.use-case-outcomes h2 {
  color: #edf5f7;
  letter-spacing: -.035em;
  margin: 42px 0 10px;
  font-size: 19px;
  font-weight: 510;
  line-height: 1.14;
}

.use-case-outcomes p {
  color: #95a6b0;
  margin: 0;
  font-size: 11px;
  line-height: 1.66;
}

.use-case-questions {
  max-width: 1280px;
  margin: 0 auto;
  padding: 84px 0 8px;
}

.use-case-questions ol {
  counter-reset: use-case-questions;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
  margin: 23px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.use-case-questions li {
  counter-increment: use-case-questions;
  color: #c8d6dc;
  border-top: 1px solid #82a6cd40;
  grid-template-columns: auto 1fr;
  gap: 11px;
  padding: 20px;
  font-size: 13px;
  line-height: 1.5;
  display: grid;
}

.use-case-questions li:before {
  content: "0" counter(use-case-questions);
  color: #76afea;
  letter-spacing: .07em;
  font: 10px DM Mono, monospace;
}

html[dir="rtl"] .opportunity-sector-select, html[dir="rtl"] .opportunity-sector-profile, html[dir="rtl"] .discovery-calendar-heading, html[dir="rtl"] .use-case-hero, html[dir="rtl"] .use-case-questions {
  text-align: right;
}

.opportunity-sector-select, .opportunity-sector-profile, .discovery-calendar-heading, .use-case-hero, .use-case-questions {
  text-align: left;
}

@media (max-width: 1060px) {
  .opportunity-sector {
    grid-template-columns: 1fr;
  }

  .opportunity-sector-select, .opportunity-sector-profile {
    min-height: 0;
  }

  .use-case-outcomes, .use-case-questions ol {
    grid-template-columns: 1fr;
  }

  .use-case-outcomes article + article {
    border-top: 1px solid #ffffff14;
    border-left: 0;
  }

  .use-case-outcomes article {
    min-height: 0;
  }

  .use-case-outcomes h2 {
    margin-top: 22px;
  }

  .discovery-calendar-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

@media (max-width: 720px) {
  .opportunity-sector {
    margin: 0 20px;
    padding-bottom: 56px;
  }

  .opportunity-sector-select, .opportunity-sector-profile {
    padding: 18px;
  }

  .opportunity-sector-profile h2 {
    font-size: 28px;
  }

  .opportunity-sector-profile ul {
    flex-direction: column;
    gap: 8px;
  }

  .discovery-calendar {
    padding: 61px 20px 74px;
  }

  .discovery-calendar-heading {
    margin-bottom: 18px;
  }

  .discovery-calendar-heading h2 {
    font-size: clamp(32px, 11vw, 46px);
  }

  .discovery-calendar-frame, .discovery-calendar-compact .discovery-calendar-frame {
    min-height: 500px;
  }

  .use-case-hero {
    padding: 78px 20px 58px;
  }

  .use-case-hero h1 {
    font-size: clamp(45px, 14vw, 66px);
  }

  .use-case-hero > p:not(.kicker) {
    font-size: 13px;
  }

  .use-case-outcomes {
    margin: 0 20px;
  }

  .use-case-questions {
    padding: 62px 20px 0;
  }

  .use-case-questions li {
    padding: 16px 0;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .opportunity-sector-profile {
    animation: sector-profile-enter .22s var(--ease-out);
  }
}

@keyframes sector-profile-enter {
  from {
    opacity: .2;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.variant-card {
  transition: transform .2s var(--ease-out), border-color .2s var(--ease-out), box-shadow .2s var(--ease-out), background-color .2s var(--ease-out);
}

.variant-card:hover {
  border-color: #73d6b880;
  transform: translateY(-5px);
  box-shadow: 0 23px 55px #00000047, 0 0 0 1px #73d6b814;
}

.variant-card:focus-within {
  border-color: #74b5f4b3;
  box-shadow: 0 0 0 3px #74b5f421;
}

.variant-actions a {
  transition: transform .16s var(--ease-out), border-color .16s var(--ease-out), background-color .16s var(--ease-out);
}

.variant-actions a:hover {
  transform: translateY(-2px);
}

.variant-actions a:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #7adfc0;
}

.bundle-inquiry-section {
  background: linear-gradient(135deg, #0e1925e0, #090f17f5);
  border: 1px solid #73b2ee33;
  grid-template-columns: minmax(0, .84fr) minmax(420px, 1.16fr);
  align-items: start;
  gap: 38px;
  max-width: 1180px;
  margin: 40px auto 0;
  padding: 31px;
  display: grid;
  box-shadow: 0 24px 65px #0000002e;
}

.bundle-inquiry-intro .kicker {
  margin: 0 0 12px;
}

.bundle-inquiry-intro h3 {
  color: #eef6f8;
  letter-spacing: -.055em;
  max-width: 16ch;
  margin: 0 0 12px;
  font-size: clamp(27px, 3.1vw, 41px);
  font-weight: 520;
  line-height: 1.02;
}

.bundle-inquiry-intro p:not(.kicker) {
  color: #9dafba;
  max-width: 47ch;
  margin: 0;
  font-size: 12px;
  line-height: 1.72;
}

.bundle-inquiry-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
  display: grid;
}

.bundle-inquiry-form label {
  color: #b5c8d2;
  letter-spacing: .06em;
  text-transform: uppercase;
  gap: 7px;
  font: 9px DM Mono, monospace;
  display: grid;
}

.bundle-inquiry-form input, .bundle-inquiry-form select, .bundle-inquiry-form textarea {
  color: #eaf4f7;
  letter-spacing: 0;
  text-transform: none;
  width: 100%;
  min-height: 40px;
  transition: border-color .16s var(--ease-out), box-shadow .16s var(--ease-out);
  background: #030a1099;
  border: 1px solid #8bb2d847;
  border-radius: 3px;
  outline: none;
  padding: 9px 10px;
  font: 12px / 1.4 Inter, sans-serif;
}

.bundle-inquiry-form textarea {
  resize: vertical;
  min-height: 92px;
}

.bundle-inquiry-form input:focus, .bundle-inquiry-form select:focus, .bundle-inquiry-form textarea:focus {
  border-color: #74cdb3;
  box-shadow: 0 0 0 3px #74cdb31f;
}

.bundle-inquiry-full, .bundle-inquiry-consent, .bundle-inquiry-error {
  grid-column: 1 / -1;
}

.bundle-inquiry-consent {
  align-items: start;
  color: #93a8b3 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  grid-template-columns: auto 1fr !important;
  gap: 9px !important;
  font: 10px / 1.55 Inter, sans-serif !important;
}

.bundle-inquiry-consent input {
  accent-color: #71d0ad;
  width: 15px;
  min-height: 15px;
  margin-top: 1px;
}

.bundle-inquiry-submit {
  justify-self: start;
  align-items: center;
  gap: 7px;
  display: inline-flex;
}

.bundle-inquiry-error {
  color: #ffabb5;
  margin: 0;
  font-size: 11px;
}

.bundle-inquiry-success {
  color: #dcecf0;
  flex-wrap: wrap;
  grid-column: 1 / -1;
  align-items: center;
  gap: 13px 17px;
  min-height: 110px;
  display: flex;
}

.bundle-inquiry-success svg {
  color: #72d9b7;
}

.bundle-inquiry-success p {
  flex: 40ch;
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
}

.bundle-comparison-grid {
  gap: 22px;
  display: grid;
}

.bundle-comparison-family {
  background: #070e168c;
  border: 1px solid #80aad533;
}

.bundle-comparison-family > header {
  border-bottom: 1px solid #80aad52b;
  justify-content: space-between;
  align-items: baseline;
  gap: 20px;
  padding: 19px 21px;
  display: flex;
}

.bundle-comparison-family > header span {
  color: #e7f2f4;
  letter-spacing: -.03em;
  font-size: 18px;
  font-weight: 520;
}

.bundle-comparison-family > header p {
  color: #8fa4b1;
  text-align: right;
  max-width: 60ch;
  margin: 0;
  font-size: 10px;
  line-height: 1.55;
}

.bundle-comparison-tiers {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.bundle-comparison-tier {
  border-right: 1px solid #80aad524;
  flex-direction: column;
  min-height: 100%;
  padding: 20px;
  display: flex;
}

.bundle-comparison-tier:last-child {
  border-right: 0;
}

.bundle-comparison-tier > span {
  color: #79b9fa;
  letter-spacing: .08em;
  font: 8px DM Mono, monospace;
}

.bundle-comparison-tier h3 {
  color: #edf6f6;
  letter-spacing: -.03em;
  margin: 14px 0 5px;
  font-size: 17px;
  font-weight: 520;
  line-height: 1.1;
}

.bundle-comparison-tier > strong {
  color: #74dfbc;
  font: 12px DM Mono, monospace;
}

.bundle-comparison-tier > p {
  color: #9db0bb;
  min-height: 71px;
  margin: 17px 0;
  font-size: 10px;
  line-height: 1.6;
}

.bundle-comparison-tier ul {
  gap: 8px;
  margin: 0 0 21px;
  padding: 0;
  list-style: none;
  display: grid;
}

.bundle-comparison-tier li {
  color: #c0d0d7;
  gap: 6px;
  font-size: 10px;
  line-height: 1.45;
  display: flex;
}

.bundle-comparison-tier li svg {
  color: #71d4ae;
  flex: none;
  margin-top: 1px;
}

.bundle-comparison-tier a {
  color: #a8d7ff;
  letter-spacing: .04em;
  text-transform: uppercase;
  align-items: center;
  gap: 5px;
  width: fit-content;
  margin-top: auto;
  font: 9px DM Mono, monospace;
  display: inline-flex;
}

.bundle-comparison-tier a:hover {
  color: #e3fffa;
}

.bundle-comparison-tier a:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #74d3b4;
}

html[dir="rtl"] .bundle-inquiry-intro, html[dir="rtl"] .bundle-inquiry-form, html[dir="rtl"] .bundle-comparison-family {
  text-align: right;
}

html[dir="rtl"] .bundle-comparison-family > header p {
  text-align: left;
}

html[dir="rtl"] .bundle-comparison-tier {
  border-left: 1px solid #80aad524;
  border-right: 0;
}

html[dir="rtl"] .bundle-comparison-tier:last-child {
  border-left: 0;
}

@media (max-width: 900px) {
  .bundle-inquiry-section {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-inline: 20px;
  }

  .bundle-comparison-tiers {
    grid-template-columns: 1fr;
  }

  .bundle-comparison-tier, html[dir="rtl"] .bundle-comparison-tier {
    border-bottom: 1px solid #80aad524;
    border-left: 0;
    border-right: 0;
  }

  .bundle-comparison-tier:last-child {
    border-bottom: 0;
  }

  .bundle-comparison-tier > p {
    min-height: 0;
  }
}

@media (max-width: 640px) {
  .bundle-inquiry-section {
    margin-top: 26px;
    padding: 20px;
  }

  .bundle-inquiry-form {
    grid-template-columns: 1fr;
  }

  .bundle-inquiry-full, .bundle-inquiry-consent, .bundle-inquiry-error {
    grid-column: auto;
  }

  .bundle-comparison-family > header {
    padding: 17px;
    display: block;
  }

  .bundle-comparison-family > header p, html[dir="rtl"] .bundle-comparison-family > header p {
    text-align: inherit;
    margin-top: 8px;
  }

  .bundle-comparison-tier {
    padding: 17px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .variant-card, .variant-actions a {
    transition: none;
  }

  .variant-card:hover, .variant-actions a:hover {
    transform: none;
  }
}

.page-hero-eyebrow {
  color: #76d9b2;
  letter-spacing: .16em;
  text-transform: uppercase;
  align-items: center;
  gap: 8px;
  margin: 0 0 17px;
  font: 9px DM Mono, monospace;
  display: inline-flex;
}

.page-hero-eyebrow:before {
  content: "";
  background: linear-gradient(90deg, #74d9b5, #74d9b526);
  width: 25px;
  height: 1px;
}

.topology-context-marker {
  z-index: 0;
  pointer-events: none;
  opacity: .92;
  width: 112px;
  height: 112px;
  display: block;
  position: absolute;
}

.topology-context-orbit, .topology-context-nucleus, .topology-context-signal {
  border-radius: 50%;
  display: block;
  position: absolute;
}

.topology-context-orbit {
  border: 1px solid #68acf447;
  inset: 9px;
}

.topology-context-orbit-two {
  border-color: #67dbb257;
  inset: 27px;
}

.topology-context-nucleus {
  background: #75dab8;
  inset: 48px;
  box-shadow: 0 0 18px #61dbb194;
}

.topology-context-signal {
  background: #8dbdff;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 13px #62adff85;
}

.topology-context-signal-one {
  top: 6px;
  left: 50%;
}

.topology-context-signal-two {
  background: #70d9b2;
  top: 27px;
  right: 3px;
}

.topology-context-signal-three {
  bottom: 13px;
  right: 15px;
}

.topology-context-signal-four {
  background: #70d9b2;
  bottom: 5px;
  left: 29px;
}

.topology-context-signal-five {
  top: 38px;
  left: 3px;
}

.page-hero-actions {
  align-items: stretch;
}

.page-hero-actions .page-hero-primary {
  border-color: #dcecff;
  justify-content: center;
  min-width: 218px;
  box-shadow: 0 10px 32px #7fbcff3b;
}

.page-hero-actions .page-hero-secondary {
  color: #aebfcd;
  background: #7fbcff09;
  justify-content: center;
  min-width: 180px;
}

.page-hero-actions .page-hero-secondary:hover {
  color: #ebf6fb;
}

.use-case-hero {
  padding-left: 146px;
}

.use-case-hero .topology-context-marker {
  top: 102px;
  left: 0;
}

.use-case-hero .page-hero-eyebrow {
  margin-top: 2px;
}

.opportunity-map-hero {
  position: relative;
}

.opportunity-map-hero .topology-context-marker {
  top: 93px;
  right: 61px;
}

.opportunity-map-hero .page-hero-eyebrow, .opportunity-map-hero .kicker {
  justify-content: center;
}

.opportunity-sector {
  border-top: 1px solid #82b1e229;
  padding-top: 18px;
  position: relative;
}

.opportunity-sector-select {
  border-color: #7cb4eb4d;
}

.opportunity-sector-profile {
  border-color: #6ad7b040;
  box-shadow: inset 3px 0 #65d7b152, inset 0 1px #ffffff09, 0 22px 55px #0000001a;
}

.opportunity-sector-action {
  z-index: 1;
  border-top: 1px solid #91bdde2e;
  justify-content: flex-start;
  margin-top: 22px;
  padding-top: 13px;
  display: flex;
  position: relative;
}

.opportunity-sector-action a {
  color: #d8f5ea;
  letter-spacing: .055em;
  text-transform: uppercase;
  transition: color .16s var(--ease-out), transform .16s var(--ease-out);
  align-items: center;
  gap: 7px;
  font: 9px DM Mono, monospace;
  display: inline-flex;
}

.opportunity-sector-action a:hover {
  color: #8ae4c5;
  transform: translateX(2px);
}

.opportunity-sector-action a:focus-visible {
  outline-offset: 4px;
  outline: 2px solid #78e2bf;
}

html[dir="rtl"] .page-hero-eyebrow:before {
  background: linear-gradient(270deg, #74d9b5, #74d9b526);
}

html[dir="rtl"] .opportunity-sector-profile {
  box-shadow: inset -3px 0 #65d7b152, inset 0 1px #ffffff09, 0 22px 55px #0000001a;
}

html[dir="rtl"] .opportunity-sector-action a:hover {
  transform: translateX(-2px);
}

@media (max-width: 720px) {
  .use-case-hero {
    padding-top: 138px;
    padding-left: 20px;
  }

  .use-case-hero .topology-context-marker {
    transform-origin: 0 0;
    top: 28px;
    left: 20px;
    transform: scale(.78);
  }

  .opportunity-map-hero {
    padding-top: 154px;
  }

  .opportunity-map-hero .topology-context-marker {
    top: 28px;
    right: calc(50% - 56px);
    transform: scale(.78);
  }

  .page-hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .page-hero-actions .page-hero-primary, .page-hero-actions .page-hero-secondary {
    width: 100%;
    min-width: 0;
  }

  .opportunity-sector-action {
    margin-top: 19px;
  }

  .opportunity-sector-action a {
    text-align: left;
    font-size: 8px;
  }

  html[dir="rtl"] .opportunity-sector-action a {
    text-align: right;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .topology-context-orbit-one {
    animation: 16s linear infinite topology-orbit-cw;
  }

  .topology-context-orbit-two {
    animation: 11s linear infinite topology-orbit-ccw;
  }

  .topology-context-signal {
    animation: 3.2s ease-in-out infinite topology-signal-pulse;
  }

  .topology-context-signal-two {
    animation-delay: -.6s;
  }

  .topology-context-signal-three {
    animation-delay: -1.2s;
  }

  .topology-context-signal-four {
    animation-delay: -1.8s;
  }

  .topology-context-signal-five {
    animation-delay: -2.4s;
  }
}

@keyframes topology-orbit-cw {
  to {
    transform: rotate(1turn);
  }
}

@keyframes topology-orbit-ccw {
  to {
    transform: rotate(-1turn);
  }
}

@keyframes topology-signal-pulse {
  0%, 100% {
    opacity: .5;
  }

  50% {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .topology-context-orbit, .topology-context-signal {
    animation: none !important;
  }
}

.five-signal-decision-marker {
  align-items: center;
  gap: clamp(12px, 2.4vw, 22px);
  min-height: 22px;
  padding: 6px 2px;
  display: flex;
  position: relative;
}

.five-signal-decision-marker:before {
  content: "";
  background: linear-gradient(90deg, #4b8dff29, #4b8dff9e, #4b8dff29);
  height: 1px;
  position: absolute;
  top: 50%;
  left: 9px;
  right: 9px;
}

.five-signal-decision-marker i, .five-signal-decision-marker span {
  z-index: 1;
  background: #4b8dff;
  border-radius: 999px;
  display: block;
  position: relative;
  box-shadow: 0 0 0 4px #080a0eeb, 0 0 16px #4b8dff3d;
}

.five-signal-decision-marker i {
  background: #e5f0ff;
  width: 14px;
  height: 14px;
  box-shadow: 0 0 0 4px #080a0eeb, 0 0 22px #4b8dff8c;
}

.five-signal-decision-marker span {
  width: 7px;
  height: 7px;
}

.five-signal-decision-marker span:nth-of-type(2), .five-signal-decision-marker span:nth-of-type(4) {
  background: #93c0ff;
}

.floating-journey-nav {
  z-index: 42;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #080d14db;
  border: 1px solid #7fb4e740;
  border-radius: 999px;
  align-items: center;
  gap: 9px;
  max-width: min(42rem, 100vw - 2rem);
  padding: 8px 10px;
  display: flex;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  box-shadow: 0 16px 42px #00000052;
}

.floating-journey-nav-label {
  color: #8dbaff;
  letter-spacing: .13em;
  text-transform: uppercase;
  padding: 0 5px;
  font: 8px DM Mono, monospace;
}

.floating-journey-nav > div {
  align-items: center;
  gap: 3px;
  display: flex;
}

.floating-journey-nav a {
  color: #b9cbd4;
  letter-spacing: .04em;
  min-height: 31px;
  transition: transform .16s var(--ease-out), border-color .16s var(--ease-out), color .16s var(--ease-out), background-color .16s var(--ease-out);
  border: 1px solid #0000;
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 0 8px;
  font: 8px DM Mono, monospace;
  text-decoration: none;
  display: inline-flex;
}

.floating-journey-nav a:hover {
  color: #edf5ff;
  background: #4b8dff21;
  border-color: #71aef67a;
  transform: translateY(-1px);
}

.floating-journey-nav a[data-principal="true"] {
  color: #e4efff;
  background: #4b8dff29;
  border-color: #4b8dff94;
}

.floating-journey-nav a[aria-current="page"] {
  color: #eff6ff;
  background: #71aef629;
  border-color: #71aef6a3;
}

.floating-journey-nav a:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #88bcff;
}

.industry-guides-page {
  background: radial-gradient(circle at 78% 7%, #4b8dff26, #0000 25%), radial-gradient(circle at 8% 36%, #35d69c13, #0000 28%), #090d13;
  min-height: 100vh;
  padding-bottom: 116px;
  overflow: hidden;
}

.industry-guides-hero {
  max-width: 1180px;
  margin: 0 auto;
  padding: 142px 30px 68px;
  position: relative;
}

.industry-guides-hero h1 {
  color: #eff7f9;
  letter-spacing: -.075em;
  max-width: 15ch;
  margin: 0;
  font-size: clamp(45px, 7.2vw, 84px);
  font-weight: 530;
  line-height: .94;
}

.industry-guides-hero h1 span {
  color: #7cb7f5;
}

.industry-guides-hero > p:not(.page-hero-eyebrow) {
  color: #a6b6c0;
  max-width: 66ch;
  margin: 22px 0 0;
  font-size: 14px;
  line-height: 1.78;
}

.industry-guides-hero-actions {
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 27px;
  display: flex;
}

.industry-guides-evidence {
  color: #b2c6c8;
  background: #0d1e1d8f;
  border: 1px solid #73d3b338;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  max-width: 1120px;
  margin: 0 auto 26px;
  padding: 17px 20px;
  display: grid;
}

.industry-guides-evidence svg {
  color: #72d9b7;
}

.industry-guides-evidence p {
  margin: 0;
  font-size: 11px;
  line-height: 1.6;
}

.industry-guides-evidence a, .industry-guides-grid a {
  color: #a8d5ff;
  letter-spacing: .04em;
  align-items: center;
  gap: 6px;
  font: 9px DM Mono, monospace;
  text-decoration: none;
  display: inline-flex;
}

.industry-guides-evidence a:hover, .industry-guides-grid a:hover {
  color: #e0fff5;
}

.industry-guides-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 0 24px;
  display: grid;
}

.industry-guides-grid article {
  min-height: 218px;
  transition: transform .18s var(--ease-out), border-color .18s var(--ease-out), background-color .18s var(--ease-out);
  background: linear-gradient(145deg, #111b28c2, #070b11ed);
  border: 1px solid #87b2db2e;
  padding: 20px;
  scroll-margin-top: 118px;
}

.industry-guides-grid article:hover, .industry-guides-grid article:focus {
  background: #0c1c1feb;
  border-color: #73d6b47a;
  outline: none;
  transform: translateY(-3px);
}

.industry-guides-grid article > div {
  color: #73d9b7;
  align-items: center;
  gap: 7px;
  display: flex;
}

.industry-guides-grid article > div span {
  letter-spacing: .12em;
  font: 8px DM Mono, monospace;
}

.industry-guides-grid h2 {
  color: #edf6f9;
  letter-spacing: -.035em;
  margin: 30px 0 10px;
  font-size: 20px;
  font-weight: 520;
  line-height: 1.08;
}

.industry-guides-grid p {
  color: #a0b1bb;
  min-height: 50px;
  margin: 0 0 18px;
  font-size: 11px;
  line-height: 1.58;
}

.industry-guides-grid a {
  margin-top: auto;
}

@media (max-width: 900px) {
  .industry-guides-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-inline: 20px;
  }

  .industry-guides-evidence {
    margin-inline: 20px;
  }

  .floating-journey-nav {
    bottom: max(4.8rem, calc(env(safe-area-inset-bottom)  + 4.1rem));
    border-radius: 18px;
    flex-direction: column;
    align-items: flex-end;
    right: .75rem;
  }

  .floating-journey-nav-label {
    display: none;
  }

  .floating-journey-nav > div {
    flex-direction: column;
    align-items: stretch;
  }

  .floating-journey-nav a {
    justify-content: flex-end;
  }
}

@media (max-width: 640px) {
  .industry-guides-hero {
    padding: 116px 20px 51px;
  }

  .industry-guides-hero h1 {
    font-size: clamp(42px, 13vw, 62px);
  }

  .industry-guides-hero > p:not(.page-hero-eyebrow) {
    font-size: 13px;
  }

  .industry-guides-hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .industry-guides-hero-actions a {
    justify-content: center;
  }

  .industry-guides-evidence {
    grid-template-columns: auto 1fr;
    padding: 15px;
  }

  .industry-guides-evidence a {
    grid-column: 2;
  }

  .industry-guides-grid {
    grid-template-columns: 1fr;
    margin-inline: 20px;
  }

  .industry-guides-grid article, .industry-guides-grid p {
    min-height: 0;
  }

  .floating-journey-nav a span {
    display: none;
  }

  .floating-journey-nav a {
    justify-content: center;
    width: 36px;
    padding: 0;
  }

  .floating-journey-nav a:after {
    content: attr(aria-label);
  }
}

@media (prefers-reduced-motion: reduce) {
  .floating-journey-nav a, .industry-guides-grid article {
    transition: none;
  }

  .floating-journey-nav a:hover, .industry-guides-grid article:hover {
    transform: none;
  }
}

.floating-journey-nav-trigger {
  display: none;
}

@media (max-width: 640px) {
  .floating-journey-nav {
    bottom: max(.75rem, env(safe-area-inset-bottom));
    box-shadow: none;
    background: none;
    border: 0;
    padding: 0;
  }

  .floating-journey-nav-trigger {
    color: #dffaf1;
    width: 40px;
    min-width: 40px;
    min-height: 40px;
    transition: transform .18s var(--ease-out);
    background: #091117f0;
    border: 1px solid #72dbb461;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
    box-shadow: 0 12px 26px #00000047;
  }

  .floating-journey-nav[data-expanded="true"] .floating-journey-nav-trigger {
    transform: translateY(-1px);
    box-shadow: 0 16px 32px #00000061, 0 0 0 1px #72dbb414;
  }

  .floating-journey-nav-trigger span {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .floating-journey-nav-trigger:focus-visible {
    outline-offset: 3px;
    outline: 2px solid #78e2bf;
  }

  .floating-journey-nav > div {
    opacity: 0;
    pointer-events: none;
    touch-action: pan-y;
    transform-origin: 100% 100%;
    visibility: hidden;
    width: max-content;
    max-width: calc(100vw - 1.5rem);
    transition: opacity .2s var(--ease-out), transform .24s var(--ease-out), visibility 0s linear .24s;
    background: #091117f7;
    border: 1px solid #71aef647;
    border-radius: 16px;
    grid-template-columns: repeat(3, 40px);
    gap: 6px;
    padding: 15px 7px 7px;
    display: grid;
    position: absolute;
    bottom: calc(100% + 9px);
    right: 0;
    transform: translateY(12px)scale(.97);
    box-shadow: 0 18px 42px #0000006b, 0 0 0 1px #71aef60d;
  }

  .floating-journey-nav > div:before {
    content: "";
    background: #add4e870;
    border-radius: 999px;
    width: 24px;
    height: 3px;
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
  }

  .floating-journey-nav[data-expanded="true"] > div {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transition-delay: 0s;
    transform: translateY(0)scale(1);
  }

  .floating-journey-nav a {
    justify-content: center;
    width: 40px;
    min-height: 40px;
    padding: 0;
  }

  .floating-journey-nav a span {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .floating-journey-nav a:after {
    content: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .floating-journey-nav-trigger, .floating-journey-nav > div {
    transition: none !important;
    transform: none !important;
  }
}

.opportunity-discovery {
  background: linear-gradient(135deg, #0c222094, #0a121c9e);
  border: 1px solid #75d9b633;
  margin-top: 23px;
  padding: 18px;
}

.opportunity-discovery > span {
  color: #78dfbd;
  letter-spacing: .13em;
  text-transform: uppercase;
  font: 8px DM Mono, monospace;
}

.opportunity-discovery h3 {
  color: #edf8f5;
  letter-spacing: -.025em;
  max-width: 28ch;
  margin: 10px 0 7px;
  font-size: 19px;
  line-height: 1.12;
}

.opportunity-discovery p {
  color: #9eb2b5;
  margin: 0;
  font-size: 11px;
  line-height: 1.62;
}

.opportunity-discovery-options {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
  display: flex;
}

.opportunity-discovery-options button, .opportunity-discovery-skip, .opportunity-personalization-actions button {
  color: #c8dbe6;
  letter-spacing: .025em;
  cursor: pointer;
  min-height: 34px;
  transition: border-color .16s var(--ease-out), color .16s var(--ease-out), background-color .16s var(--ease-out), transform .16s var(--ease-out);
  background: #6eaaf10f;
  border: 1px solid #7eb2e042;
  justify-content: center;
  align-items: center;
  gap: 7px;
  font: 8px DM Mono, monospace;
  display: inline-flex;
}

.opportunity-discovery-options button {
  text-align: left;
  padding: 0 10px;
}

.opportunity-discovery-options button svg {
  opacity: 0;
  color: #78dfbd;
}

.opportunity-discovery-options button[aria-pressed="true"] {
  color: #e7fff7;
  background: #49bd9621;
  border-color: #74dfbda6;
}

.opportunity-discovery-options button[aria-pressed="true"] svg {
  opacity: 1;
}

.opportunity-discovery-skip {
  color: #8bbcf4;
  background: none;
  border: 0;
  margin-top: 13px;
  padding: 0;
}

.opportunity-discovery-options button:hover, .opportunity-personalization-actions button:hover {
  color: #f0fffa;
  border-color: #76d9bb8a;
  transform: translateY(-1px);
}

.opportunity-discovery-skip:hover {
  color: #c6e7ff;
}

.opportunity-discovery-options button:focus-visible, .opportunity-discovery-skip:focus-visible, .opportunity-personalization-actions button:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #78e2bf;
}

.opportunity-personalization-actions {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 11px;
  display: flex;
}

.opportunity-personalization-actions button {
  padding: 0 11px;
}

.opportunity-share-feedback {
  letter-spacing: .02em;
  min-height: 17px;
  color: #85dabb !important;
  margin: 7px 0 0 !important;
  font: 8px DM Mono, monospace !important;
}

.opportunity-tier-comparison {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 13px;
  display: grid;
}

.opportunity-tier-comparison article {
  background: #0910198f;
  border: 1px solid #7cacd72e;
  padding: 13px;
}

.opportunity-tier-comparison article.is-recommended {
  background: #1b4d4142;
  border-color: #6fdcb58c;
}

.opportunity-tier-comparison article > span {
  color: #83baff;
  letter-spacing: .09em;
  text-transform: uppercase;
  font: 7px DM Mono, monospace;
}

.opportunity-tier-comparison article.is-recommended > span {
  color: #83e5c2;
}

.opportunity-tier-comparison h4 {
  color: #eaf4f7;
  margin: 12px 0 5px;
  font-size: 13px;
  line-height: 1.1;
}

.opportunity-tier-comparison strong {
  color: #88d3ff;
  font: 12px DM Mono, monospace;
  display: block;
}

.opportunity-tier-comparison p, .opportunity-tier-comparison small {
  color: #9baeb8;
  margin: 5px 0 0;
  font-size: 9px;
  line-height: 1.45;
  display: block;
}

.opportunity-tier-comparison small {
  color: #bdced4;
}

.opportunity-sector-preview {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: inline-flex;
  position: relative;
}

.opportunity-sector-preview-trigger {
  color: #c9eee1;
  letter-spacing: .03em;
  cursor: pointer;
  background: #47a68b17;
  border: 1px solid #74d8bb47;
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  min-height: 29px;
  padding: 0 8px;
  font: 8px DM Mono, monospace;
  display: inline-flex;
}

.opportunity-sector-preview-trigger:hover, .opportunity-sector-preview-trigger[aria-expanded="true"] {
  color: #effff9;
  background: #47a68b29;
  border-color: #74d8bb9e;
}

.opportunity-sector-preview-trigger:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #78e2bf;
}

.opportunity-sector-preview-tooltip {
  z-index: 50;
  color: #d7ebe6;
  letter-spacing: 0;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  width: min(280px, 100vw - 3rem);
  transition: opacity .16s var(--ease-out), transform .16s var(--ease-out), visibility 0s linear .16s;
  background: #071017fa;
  border: 1px solid #74d8bb52;
  border-radius: 10px;
  padding: 10px 11px;
  font: 10px / 1.55 DM Sans, sans-serif;
  position: absolute;
  bottom: calc(100% + 9px);
  left: 0;
  transform: translateY(4px);
  box-shadow: 0 14px 34px #00000061;
}

.opportunity-sector-preview-tooltip[data-open="true"] {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
  transform: translateY(0);
}

@media (hover: hover) {
  .opportunity-sector-preview:hover .opportunity-sector-preview-tooltip {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
    transform: translateY(0);
  }
}

@media (max-width: 640px) {
  .opportunity-discovery {
    padding: 16px;
  }

  .opportunity-discovery h3 {
    font-size: 17px;
  }

  .opportunity-discovery-options {
    grid-template-columns: 1fr;
    display: grid;
  }

  .opportunity-discovery-options button {
    justify-content: space-between;
    width: 100%;
    min-height: 40px;
  }

  .opportunity-personalization-actions {
    grid-template-columns: 1fr;
    display: grid;
  }

  .opportunity-personalization-actions button {
    width: 100%;
    min-height: 40px;
  }

  .opportunity-tier-comparison {
    grid-template-columns: 1fr;
  }

  .opportunity-tier-comparison article {
    padding: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .opportunity-discovery-options button, .opportunity-discovery-skip, .opportunity-personalization-actions button {
    transition: none;
  }

  .opportunity-discovery-options button:hover, .opportunity-personalization-actions button:hover {
    transform: none;
  }
}

.industry-guides-filter {
  background: #0b16219e;
  border: 1px solid #87b2db33;
  grid-template-columns: minmax(0, 1fr) minmax(14rem, 20rem) auto;
  align-items: end;
  gap: 14px;
  max-width: 1120px;
  margin: 0 auto 17px;
  padding: 15px 20px;
  display: grid;
}

.industry-guides-filter > div {
  gap: 5px;
  display: grid;
}

.industry-guides-filter span {
  color: #73d9b7;
  letter-spacing: .12em;
  font: 8px DM Mono, monospace;
}

.industry-guides-filter label {
  color: #e1edf0;
  font-size: 13px;
}

.industry-guides-filter select {
  color: #e7f3f6;
  background: #0a131d;
  border: 1px solid #7eb2e059;
  border-radius: 8px;
  min-height: 38px;
  padding: 0 10px;
  font: 10px DM Mono, monospace;
}

.industry-guides-filter select:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #78e2bf;
}

.industry-guides-filter p {
  color: #9ab7c4;
  white-space: nowrap;
  margin: 0;
  font: 9px DM Mono, monospace;
}

@media (max-width: 720px) {
  .industry-guides-filter {
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-inline: 20px;
  }

  .industry-guides-filter p {
    white-space: normal;
  }
}

.industry-guide-discovery-link {
  transition: transform .16s var(--ease-out), border-color .16s var(--ease-out), background-color .16s var(--ease-out), color .16s var(--ease-out), box-shadow .16s var(--ease-out);
  background: #35d69c14;
  border: 1px solid #72d9b761;
  border-radius: 5px;
  align-self: flex-start;
  padding: 9px 11px;
  box-shadow: 0 0 #35d69c00;
  color: #c9f6e7 !important;
  margin-top: 13px !important;
}

.industry-guide-discovery-link:hover {
  background: #35d69c29;
  border-color: #72d9b7b3;
  transform: translateY(-2px);
  box-shadow: 0 7px 18px #1ea07729;
  color: #f0fff9 !important;
}

.industry-guide-discovery-link:hover svg {
  transform: translate(2px, -2px);
}

.industry-guide-discovery-link svg {
  transition: transform .16s var(--ease-out);
}

.industry-guide-discovery-link:active {
  transform: translateY(0)scale(.98);
}

.industry-guide-discovery-link:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #78e2bf;
}

@media (max-width: 640px) {
  .industry-guide-discovery-link {
    box-sizing: border-box;
    justify-content: center;
    width: 100%;
    min-height: 40px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .industry-guide-discovery-link, .industry-guide-discovery-link svg {
    transition: none;
  }

  .industry-guide-discovery-link:hover, .industry-guide-discovery-link:hover svg {
    transform: none;
  }
}

.ebook-store-page, .ebook-product-page {
  color: #edf5f8;
  background: radial-gradient(circle at 84% 7%, #4b8dff24, #0000 22%), radial-gradient(circle at 5% 40%, #35d69c14, #0000 26%), #080c12;
  min-height: 100vh;
}

.ebook-store-hero, .ebook-product-hero {
  background: linear-gradient(135deg, #0c1622f0, #070c13fa);
  border-bottom: 1px solid #89b6df2e;
  padding: 146px clamp(24px, 7vw, 110px) 72px;
  position: relative;
  overflow: hidden;
}

.ebook-store-hero-grid, .ebook-product-hero-grid {
  pointer-events: none;
  opacity: .45;
  background-image: linear-gradient(#6ea6de14 1px, #0000 1px), linear-gradient(90deg, #6ea6de14 1px, #0000 1px);
  background-size: 58px 58px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: radial-gradient(circle at 68% 30%, #000, #0000 68%);
  mask-image: radial-gradient(circle at 68% 30%, #000, #0000 68%);
}

.ebook-store-back, .ebook-product-back {
  color: #aed0f4;
  letter-spacing: .09em;
  transition: color .16s var(--ease-out), transform .16s var(--ease-out);
  align-items: center;
  gap: 7px;
  font: 9px DM Mono, monospace;
  display: inline-flex;
  position: relative;
}

.ebook-store-back:hover, .ebook-product-back:hover {
  color: #eaf7ff;
  transform: translateX(-2px);
}

.ebook-store-hero-layout, .ebook-product-hero-layout {
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .62fr);
  align-items: end;
  gap: clamp(34px, 7vw, 98px);
  max-width: 1230px;
  margin: 62px auto 0;
  display: grid;
  position: relative;
}

.ebook-store-kicker, .ebook-product-hero-copy > p:first-child {
  color: #76dfbc;
  letter-spacing: .13em;
  align-items: center;
  gap: 8px;
  margin: 0;
  font: 9px DM Mono, monospace;
  display: flex;
}

.ebook-store-hero h1, .ebook-product-hero h1 {
  color: #f2f8fa;
  letter-spacing: -.075em;
  max-width: 13ch;
  margin: 17px 0 0;
  font-size: clamp(48px, 7vw, 88px);
  font-weight: 540;
  line-height: .93;
}

.ebook-store-hero h1 span, .ebook-product-hero h1 span {
  color: #83b9fa;
}

.ebook-store-hero-layout > div > p:last-child {
  color: #a9bbc7;
  max-width: 65ch;
  margin: 21px 0 0;
  font-size: 15px;
  line-height: 1.75;
}

.ebook-store-boundary {
  background: linear-gradient(145deg, #0b2925b3, #0a131ec2);
  border: 1px solid #69d7b547;
  gap: 13px;
  padding: 20px;
  display: flex;
  box-shadow: inset 3px 0 #69d7b561, 0 22px 54px #00000029;
}

.ebook-store-boundary svg {
  color: #7ae3be;
  flex: none;
}

.ebook-store-boundary strong {
  color: #e9fbf4;
  font-size: 13px;
  display: block;
}

.ebook-store-boundary p {
  color: #a9c8bf;
  margin: 7px 0 0;
  font-size: 11px;
  line-height: 1.62;
}

.ebook-store-boundary b {
  color: #eaf8f4;
  font-weight: 600;
}

.ebook-store-index {
  max-width: 1230px;
  margin: 0 auto;
  padding: 78px clamp(24px, 7vw, 110px) 104px;
}

.ebook-store-index-heading {
  grid-template-columns: minmax(0, 1fr) minmax(260px, .65fr);
  align-items: end;
  gap: 60px;
  display: grid;
}

.ebook-store-index-heading > div > p, .ebook-store-next-step > div > p, .ebook-product-section-kicker, .ebook-product-cta > div > p {
  color: #7fdcbb;
  letter-spacing: .14em;
  margin: 0;
  font: 9px DM Mono, monospace;
}

.ebook-store-index-heading h2, .ebook-store-next-step h2, .ebook-product-body h2, .ebook-product-cta h2 {
  color: #eff6f9;
  letter-spacing: -.055em;
  max-width: 18ch;
  margin: 13px 0 0;
  font-size: clamp(32px, 4vw, 56px);
  font-weight: 530;
  line-height: .98;
}

.ebook-store-index-heading > p {
  color: #9db0bb;
  margin: 0 0 4px;
  font-size: 13px;
  line-height: 1.7;
}

.ebook-store-controls {
  background: #0b131d94;
  border: 1px solid #84b2dc2e;
  gap: 12px;
  margin-top: 39px;
  padding: 16px;
  display: grid;
}

.ebook-store-search {
  color: #82bdf8;
  background: #050b11b3;
  border: 1px solid #7eb1df47;
  align-items: center;
  gap: 9px;
  min-height: 45px;
  padding: 0 13px;
  display: flex;
}

.ebook-store-search input {
  color: #eaf4f8;
  background: none;
  border: 0;
  outline: 0;
  width: 100%;
  font: 12px DM Sans, sans-serif;
}

.ebook-store-search input::placeholder {
  color: #708494;
}

.ebook-store-filters {
  color: #77c8f8;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  display: flex;
}

.ebook-store-filters button {
  color: #a8bcc8;
  letter-spacing: .03em;
  cursor: pointer;
  min-height: 31px;
  transition: color .16s var(--ease-out), border-color .16s var(--ease-out), background-color .16s var(--ease-out), transform .16s var(--ease-out);
  background: #76a8d90a;
  border: 1px solid #7aacd833;
  border-radius: 999px;
  padding: 0 9px;
  font: 8px DM Mono, monospace;
}

.ebook-store-filters button:hover, .ebook-store-filters button.is-active {
  color: #e9fff6;
  background: #39b08b21;
  border-color: #6edab59e;
}

.ebook-store-filters button:active {
  transform: scale(.97);
}

.ebook-store-result-count {
  color: #91a7b4;
  letter-spacing: .03em;
  margin: 21px 0 14px;
  font: 10px DM Mono, monospace;
}

.ebook-store-result-count strong {
  color: #d6f5e9;
}

.ebook-store-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
  display: grid;
}

.ebook-store-status, .ebook-home-showcase-loading {
  color: #a9bdc8;
  background: #091018a8;
  border: 1px solid #7eb1df33;
  padding: 28px;
  font: 11px DM Mono, monospace;
}

.ebook-store-status.is-error {
  color: #ffc1ca;
  border-color: #ff7f9361;
}

.ebook-store-empty {
  color: #a9bac3;
  background: #09111a73;
  border: 1px dashed #84b2dc47;
  justify-items: start;
  gap: 10px;
  margin-top: 20px;
  padding: 25px;
  font-size: 13px;
  line-height: 1.6;
  display: grid;
}

.ebook-store-empty svg {
  color: #86bcf6;
}

.ebook-store-empty p {
  margin: 0;
}

.ebook-store-empty button {
  color: #9fd0ff;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font: 10px DM Mono, monospace;
}

.ebook-store-next-step, .ebook-product-cta {
  border-top: 1px solid #84b2dc2e;
  justify-content: space-between;
  align-items: end;
  gap: 40px;
  max-width: 1230px;
  margin: 0 auto;
  padding: 62px clamp(24px, 7vw, 110px);
  display: flex;
}

.ebook-store-next-step h2, .ebook-product-cta h2 {
  max-width: 21ch;
}

.ebook-store-next-step > div > p:not(:first-child), .ebook-product-cta > div > p:not(:first-child) {
  color: #a3b5bf;
  max-width: 58ch;
  margin: 14px 0 0;
  font-size: 13px;
  line-height: 1.7;
}

.ebook-store-next-step > div:last-child, .ebook-product-cta-actions {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.ebook-store-next-step a, .ebook-product-cta a {
  color: #06111e;
  letter-spacing: .035em;
  min-height: 43px;
  transition: transform .16s var(--ease-out), background-color .16s var(--ease-out), box-shadow .16s var(--ease-out);
  background: #83bafd;
  border: 1px solid #75b3ff;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 15px;
  font: 10px DM Mono, monospace;
  display: inline-flex;
}

.ebook-store-next-step a:hover, .ebook-product-cta a:hover {
  background: #a5cffd;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px #579cf038;
}

.ebook-store-next-step a:active, .ebook-product-cta a:active {
  transform: scale(.97);
}

.ebook-store-next-step .ebook-store-next-step-quiet, .ebook-product-cta .ebook-product-cta-quiet {
  color: #bfd5e5;
  background: #7eb1df0f;
  border-color: #7eb1df52;
}

.ebook-product-card {
  min-height: 100%;
  transition: transform .2s var(--ease-out), border-color .2s var(--ease-out), box-shadow .2s var(--ease-out), background-color .2s var(--ease-out);
  background: linear-gradient(145deg, #0f1b28db, #070c13f5);
  border: 1px solid #81afd933;
  position: relative;
  overflow: hidden;
}

.ebook-product-card:before {
  content: "";
  border: 1px solid #74b3f538;
  border-radius: 50%;
  width: 152px;
  height: 152px;
  position: absolute;
  top: -61px;
  right: -58px;
}

.ebook-product-card:after {
  content: "";
  background: linear-gradient(90deg, #0000, #7bbeffbd, #0000);
  width: 90px;
  height: 1px;
  position: absolute;
  top: 31px;
  right: -16px;
  transform: rotate(-37deg);
}

.ebook-product-card:hover, .ebook-product-card:focus-within {
  z-index: 1;
  background: linear-gradient(145deg, #0f2d2deb, #090f19fa);
  border-color: #70cfae9e;
  transform: translateY(-5px);
  box-shadow: 0 25px 55px #00000047, 0 0 0 1px #70cfae12;
}

.ebook-product-card-link {
  z-index: 1;
  flex-direction: column;
  min-height: 100%;
  padding: 19px;
  display: flex;
  position: relative;
}

.ebook-product-card-signal {
  color: #89bfff;
  align-items: center;
  gap: 7px;
  display: flex;
}

.ebook-product-card-signal i {
  background: #75dfbb;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 12px #75dfbbbf;
}

.ebook-product-card-signal span, .ebook-product-card-edition {
  letter-spacing: .105em;
  font: 8px DM Mono, monospace;
}

.ebook-product-card-signal svg {
  color: #7edcb9;
  margin-left: auto;
}

.ebook-product-card-content {
  margin-top: 32px;
}

.ebook-product-card-edition {
  color: #7e9bb4;
}

.ebook-product-card h3 {
  color: #edf6f9;
  letter-spacing: -.045em;
  margin: 12px 0 0;
  font-size: 23px;
  font-weight: 540;
  line-height: 1.03;
}

.ebook-product-card-subtitle {
  color: #b4c6d1;
  min-height: 42px;
  margin: 12px 0 0;
  font-size: 11px;
  line-height: 1.46;
}

.ebook-product-card-summary {
  color: #8fa5b3;
  margin: 15px 0 0;
  font-size: 11px;
  line-height: 1.62;
}

.ebook-product-card-footer {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  padding-top: 28px;
  display: flex;
}

.ebook-product-card-price {
  color: #8ee4c3;
  letter-spacing: .065em;
  align-items: center;
  gap: 6px;
  font: 8px DM Mono, monospace;
  display: inline-flex;
}

.ebook-product-card-action {
  color: #abd3ff;
  letter-spacing: .025em;
  transition: color .16s var(--ease-out), transform .16s var(--ease-out);
  align-items: center;
  gap: 5px;
  font: 9px DM Mono, monospace;
  display: inline-flex;
}

.ebook-product-card:hover .ebook-product-card-action, .ebook-product-card:focus-within .ebook-product-card-action {
  color: #e9fbff;
  transform: translateX(3px);
}

.ebook-product-card-amber .ebook-product-card-signal i {
  background: #f4bd70;
  box-shadow: 0 0 12px #f4bd70b8;
}

.ebook-product-card-violet .ebook-product-card-signal i {
  background: #b4a3ff;
  box-shadow: 0 0 12px #b4a3ffb8;
}

.ebook-product-card-rose .ebook-product-card-signal i {
  background: #f9a;
  box-shadow: 0 0 12px #ff99aab8;
}

.ebook-product-loading, .ebook-product-missing {
  color: #bfd0dc;
  max-width: 920px;
  min-height: 60vh;
  margin: 0 auto;
  padding: 176px 30px 80px;
}

.ebook-product-loading {
  font: 11px DM Mono, monospace;
}

.ebook-product-missing a {
  color: #a7d1fc;
  align-items: center;
  gap: 7px;
  font: 10px DM Mono, monospace;
  display: inline-flex;
}

.ebook-product-missing h1 {
  color: #eff7fa;
  letter-spacing: -.06em;
  max-width: 16ch;
  margin: 34px 0 14px;
  font-size: clamp(34px, 5vw, 62px);
  line-height: .98;
}

.ebook-product-missing p {
  color: #9db0ba;
  max-width: 56ch;
  margin: 0;
  line-height: 1.7;
}

.ebook-product-hero h1 {
  max-width: 14ch;
  margin-top: 14px;
}

.ebook-product-hero h2 {
  color: #b1c6d3;
  max-width: 52ch;
  margin: 18px 0 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.ebook-product-summary {
  color: #a7b9c4;
  max-width: 58ch;
  margin: 19px 0 0;
  font-size: 14px;
  line-height: 1.72;
}

.ebook-product-meta {
  color: #91afd0;
  letter-spacing: .07em;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px 16px;
  margin-top: 25px;
  font: 9px DM Mono, monospace;
  display: flex;
}

.ebook-product-meta span {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.ebook-product-status {
  background: linear-gradient(145deg, #091823d6, #0b28248f);
  border: 1px solid #7fb3df47;
  padding: 26px;
  box-shadow: inset 3px 0 #72dbb557;
}

.ebook-product-status-icon {
  color: #86e7c4;
  background: #35d69c14;
  border: 1px solid #72dbb580;
  border-radius: 50%;
  place-items: center;
  width: 54px;
  height: 54px;
  display: grid;
}

.ebook-product-status p {
  color: #8fc4f2;
  letter-spacing: .12em;
  margin: 27px 0 7px;
  font: 9px DM Mono, monospace;
}

.ebook-product-status strong {
  color: #f0fff8;
  letter-spacing: -.04em;
  font: 20px DM Mono, monospace;
}

.ebook-product-status > span, .ebook-product-status small {
  display: block;
}

.ebook-product-status > span {
  color: #b2c8c5;
  margin-top: 14px;
  font-size: 12px;
  line-height: 1.6;
}

.ebook-product-status small {
  color: #7ee1bc;
  letter-spacing: .05em;
  margin-top: 13px;
  font: 8px DM Mono, monospace;
}

.ebook-product-body {
  grid-template-columns: minmax(0, 1fr) minmax(260px, .42fr);
  gap: clamp(40px, 8vw, 130px);
  max-width: 1230px;
  margin: 0 auto;
  padding: 84px clamp(24px, 7vw, 110px);
  display: grid;
}

.ebook-product-primary > p:not(.ebook-product-section-kicker) {
  color: #a8bac4;
  max-width: 63ch;
  margin: 22px 0 0;
  font-size: 14px;
  line-height: 1.8;
}

.ebook-product-primary strong {
  color: #dff2f5;
}

.ebook-product-learning {
  border-top: 1px solid #81afd930;
  margin-top: 41px;
  padding-top: 22px;
}

.ebook-product-learning > p {
  color: #8ec6f6;
  letter-spacing: .11em;
  margin: 0;
  font: 9px DM Mono, monospace;
}

.ebook-product-learning ul {
  gap: 12px;
  margin: 19px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.ebook-product-learning li {
  color: #c4d3d9;
  gap: 9px;
  font-size: 13px;
  line-height: 1.55;
  display: flex;
}

.ebook-product-learning svg {
  color: #7ce1bb;
  flex: none;
  margin-top: 2px;
}

.ebook-product-side {
  align-content: start;
  gap: 12px;
  display: grid;
}

.ebook-product-side > div {
  background: #0c151fa8;
  border: 1px solid #7eb1df2e;
  padding: 18px;
}

.ebook-product-side svg {
  color: #88c5fa;
}

.ebook-product-side strong {
  color: #e6f1f5;
  margin-top: 13px;
  font-size: 13px;
  display: block;
}

.ebook-product-side p {
  color: #97aeb9;
  margin: 8px 0 0;
  font-size: 11px;
  line-height: 1.65;
}

.ebook-home-showcase {
  border-bottom: 1px solid var(--line);
  background: radial-gradient(circle at 12% 26%, #35d69c13, #0000 24%), radial-gradient(circle at 85% 74%, #4b8dff1a, #0000 29%), #0a0e14;
  padding: 94px clamp(24px, 8vw, 140px) 104px;
  position: relative;
}

.ebook-home-showcase:before {
  pointer-events: none;
  opacity: .5;
  content: "";
  background-image: linear-gradient(#7eb0de0b 1px, #0000 1px), linear-gradient(90deg, #7eb0de0b 1px, #0000 1px);
  background-size: 72px 72px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(90deg, #0000, #000 20% 80%, #0000);
  mask-image: linear-gradient(90deg, #0000, #000 20% 80%, #0000);
}

.ebook-home-showcase-heading, .ebook-home-showcase-trust, .ebook-home-showcase-grid {
  z-index: 1;
  max-width: 1230px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.ebook-home-showcase-heading {
  grid-template-columns: minmax(0, 1fr) minmax(245px, .58fr);
  align-items: end;
  gap: 64px;
  display: grid;
}

.ebook-home-showcase-heading > div > p:first-child {
  color: #81dcbc;
  letter-spacing: .14em;
  margin: 0;
  font: 9px DM Mono, monospace;
}

.ebook-home-showcase-heading h2 {
  color: #f0f6f8;
  letter-spacing: -.06em;
  margin: 14px 0 0;
  font-size: clamp(38px, 5vw, 64px);
  font-weight: 540;
  line-height: .96;
}

.ebook-home-showcase-heading h2 span {
  color: #8abfff;
}

.ebook-home-showcase-heading > div:last-child > p {
  color: #a7b8c2;
  margin: 0;
  font-size: 13px;
  line-height: 1.72;
}

.ebook-home-showcase-heading a {
  color: #a6d1fe;
  letter-spacing: .035em;
  transition: color .16s var(--ease-out), transform .16s var(--ease-out);
  align-items: center;
  gap: 7px;
  margin-top: 17px;
  font: 10px DM Mono, monospace;
  display: inline-flex;
}

.ebook-home-showcase-heading a:hover {
  color: #e6f8ff;
  transform: translateX(3px);
}

.ebook-home-showcase-trust {
  color: #a5d3c2;
  letter-spacing: .07em;
  background: #0c232175;
  border: 1px solid #71d1b13d;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  margin-top: 36px;
  padding: 12px 14px;
  font: 8px DM Mono, monospace;
  display: flex;
}

.ebook-home-showcase-trust svg {
  color: #7fe2bd;
}

.ebook-home-showcase-trust i {
  background: #7dbbfa;
  border-radius: 50%;
  width: 3px;
  height: 3px;
}

.ebook-home-showcase-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
  margin-top: 15px;
  display: grid;
}

.ebook-home-showcase-grid .ebook-product-card {
  min-height: 345px;
}

.ebook-home-showcase-grid .ebook-product-card-subtitle {
  display: none;
}

.ebook-home-showcase-grid .ebook-product-card-content {
  margin-top: 27px;
}

.ebook-home-showcase-grid .ebook-product-card h3 {
  font-size: 25px;
}

html:not(.dark) .ebook-store-page, html:not(.dark) .ebook-product-page {
  color: #17324a;
  background: radial-gradient(circle at 84% 7%, #4182db21, #0000 22%), radial-gradient(circle at 5% 40%, #24a57714, #0000 26%), #f5f8fb;
}

html:not(.dark) .ebook-store-hero, html:not(.dark) .ebook-product-hero {
  background: linear-gradient(135deg, #fbfdff, #eaf2f8);
  border-color: #2c5b8b2e;
}

html:not(.dark) .ebook-store-hero h1, html:not(.dark) .ebook-product-hero h1, html:not(.dark) .ebook-store-index-heading h2, html:not(.dark) .ebook-store-next-step h2, html:not(.dark) .ebook-product-body h2, html:not(.dark) .ebook-product-cta h2, html:not(.dark) .ebook-product-missing h1 {
  color: #172f47;
}

html:not(.dark) .ebook-store-hero-layout > div > p:last-child, html:not(.dark) .ebook-store-index-heading > p, html:not(.dark) .ebook-store-next-step > div > p:not(:first-child), html:not(.dark) .ebook-product-primary > p:not(.ebook-product-section-kicker), html:not(.dark) .ebook-product-cta > div > p:not(:first-child), html:not(.dark) .ebook-product-missing p {
  color: #516a80;
}

html:not(.dark) .ebook-store-boundary, html:not(.dark) .ebook-product-status {
  background: linear-gradient(145deg, #effaf5, #f7fbff);
  border-color: #2e956f47;
  box-shadow: inset 3px 0 #2aa27359, 0 18px 42px #20496a14;
}

html:not(.dark) .ebook-store-boundary strong, html:not(.dark) .ebook-product-status strong {
  color: #173f33;
}

html:not(.dark) .ebook-store-boundary p, html:not(.dark) .ebook-product-status > span {
  color: #507269;
}

html:not(.dark) .ebook-store-controls, html:not(.dark) .ebook-product-side > div, html:not(.dark) .ebook-store-empty {
  background: #ffffffb8;
  border-color: #2e5e8e2e;
}

html:not(.dark) .ebook-store-search {
  background: #fff;
  border-color: #2e5e8e40;
}

html:not(.dark) .ebook-store-search input {
  color: #1b3853;
}

html:not(.dark) .ebook-product-card {
  background: linear-gradient(145deg, #fff, #f0f6fb);
  border-color: #2e5e8e30;
}

html:not(.dark) .ebook-product-card:hover, html:not(.dark) .ebook-product-card:focus-within {
  background: linear-gradient(145deg, #f8fffc, #edf5ff);
  border-color: #22926b85;
  box-shadow: 0 22px 50px #234d7021;
}

html:not(.dark) .ebook-product-card h3 {
  color: #17324b;
}

html:not(.dark) .ebook-product-card-subtitle {
  color: #416178;
}

html:not(.dark) .ebook-product-card-summary, html:not(.dark) .ebook-product-side p {
  color: #5f7789;
}

html:not(.dark) .ebook-home-showcase {
  background: radial-gradient(circle at 12% 26%, #2aa07313, #0000 24%), radial-gradient(circle at 85% 74%, #357ddd1a, #0000 29%), #edf3f8;
}

html:not(.dark) .ebook-home-showcase-heading h2 {
  color: #17324a;
}

html:not(.dark) .ebook-home-showcase-heading > div:last-child > p {
  color: #50687d;
}

html:not(.dark) .ebook-home-showcase-trust {
  color: #34755d;
  background: #f4fdf9c7;
  border-color: #2a956c40;
}

html:not(.dark) .ebook-product-loading, html:not(.dark) .ebook-product-missing {
  color: #50697d;
}

html[dir="rtl"] .ebook-store-back:hover, html[dir="rtl"] .ebook-product-back:hover {
  transform: translateX(2px);
}

html[dir="rtl"] .ebook-product-card:hover .ebook-product-card-action, html[dir="rtl"] .ebook-product-card:focus-within .ebook-product-card-action, html[dir="rtl"] .ebook-home-showcase-heading a:hover {
  transform: translateX(-3px);
}

@media (max-width: 950px) {
  .ebook-store-hero-layout, .ebook-product-hero-layout, .ebook-store-index-heading, .ebook-product-body, .ebook-home-showcase-heading {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .ebook-store-hero, .ebook-product-hero {
    padding-top: 134px;
  }

  .ebook-store-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ebook-store-next-step, .ebook-product-cta {
    flex-direction: column;
    align-items: flex-start;
  }

  .ebook-home-showcase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ebook-home-showcase-grid .ebook-product-card:last-child {
    grid-column: span 2;
  }

  .ebook-product-side {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .ebook-store-hero, .ebook-product-hero {
    padding: 120px 20px 52px;
  }

  .ebook-store-hero-layout {
    margin-top: 44px;
  }

  .ebook-store-hero h1, .ebook-product-hero h1 {
    font-size: clamp(43px, 13vw, 62px);
  }

  .ebook-store-hero-layout > div > p:last-child {
    font-size: 13px;
  }

  .ebook-store-index {
    padding: 56px 20px 72px;
  }

  .ebook-store-index-heading h2, .ebook-store-next-step h2, .ebook-product-body h2, .ebook-product-cta h2 {
    font-size: clamp(31px, 10vw, 45px);
  }

  .ebook-store-filters {
    align-items: flex-start;
  }

  .ebook-store-grid, .ebook-home-showcase-grid, .ebook-product-side {
    grid-template-columns: 1fr;
  }

  .ebook-home-showcase-grid .ebook-product-card:last-child {
    grid-column: auto;
  }

  .ebook-product-card {
    min-height: 0;
  }

  .ebook-product-card-link {
    min-height: 295px;
  }

  .ebook-store-next-step, .ebook-product-cta {
    padding: 52px 20px;
  }

  .ebook-store-next-step > div:last-child, .ebook-product-cta-actions {
    flex-direction: column;
    width: 100%;
  }

  .ebook-store-next-step a, .ebook-product-cta a {
    width: 100%;
  }

  .ebook-product-body {
    padding: 56px 20px;
  }

  .ebook-product-meta {
    gap: 9px 12px;
  }

  .ebook-product-status {
    padding: 21px;
  }

  .ebook-home-showcase {
    padding: 62px 20px 70px;
  }

  .ebook-home-showcase-heading {
    gap: 23px;
  }

  .ebook-home-showcase-trust {
    align-items: flex-start;
  }

  .ebook-home-showcase-trust i {
    display: none;
  }

  .ebook-home-showcase-trust span {
    width: 100%;
  }

  .ebook-home-showcase-grid .ebook-product-card h3 {
    font-size: 23px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ebook-product-card, .ebook-product-card-action, .ebook-store-next-step a, .ebook-product-cta a, .ebook-home-showcase-heading a {
    transition: none;
  }

  .ebook-product-card:hover, .ebook-product-card:focus-within, .ebook-product-card:hover .ebook-product-card-action, .ebook-product-card:focus-within .ebook-product-card-action, .ebook-store-next-step a:hover, .ebook-product-cta a:hover, .ebook-home-showcase-heading a:hover {
    transform: none;
  }
}

.ebook-product-card-cover {
  display: none;
}

.ebook-home-showcase-grid .ebook-product-card.has-cover-depth {
  perspective: 1200px;
  min-height: 430px;
}

.ebook-home-showcase-grid .ebook-product-card.has-cover-depth .ebook-product-card-link {
  padding-top: 196px;
}

.ebook-home-showcase-grid .ebook-product-card-cover {
  z-index: 2;
  width: 136px;
  height: 158px;
  transform-style: preserve-3d;
  transition: transform .24s var(--ease-out), filter .24s var(--ease-out);
  display: block;
  position: absolute;
  top: 19px;
  left: 20px;
  transform: rotateX(5deg)rotateY(-18deg)rotateZ(1deg);
}

.ebook-product-card-cover-face {
  background: radial-gradient(circle at 70% 23%, #87c7ff59, #0000 28%), linear-gradient(145deg, #17477d, #0a1930 62%, #123343);
  border: 1px solid #b6e3ff85;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 15px 13px;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translateZ(10px);
  box-shadow: 14px 16px 21px #0000004d, inset 0 0 0 1px #ffffff14;
}

.ebook-product-card-cover-face:before {
  opacity: .45;
  content: "";
  background-image: linear-gradient(#95d7ff38 1px, #0000 1px), linear-gradient(90deg, #95d7ff38 1px, #0000 1px);
  background-size: 19px 19px;
  position: absolute;
  inset: -20%;
  transform: rotate(-16deg);
}

.ebook-product-card-cover-face > * {
  z-index: 1;
  position: relative;
}

.ebook-product-card-cover-face span, .ebook-product-card-cover-face small {
  color: #c3e3ff;
  letter-spacing: .085em;
  font: 6px DM Mono, monospace;
}

.ebook-product-card-cover-face strong {
  color: #f1fbff;
  letter-spacing: -.055em;
  font-size: 16px;
  font-weight: 540;
  line-height: .94;
}

.ebook-product-card-cover-face small {
  color: #86e7c4;
}

.ebook-product-card-cover-face i {
  border: 1px solid #80eac2c7;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  position: absolute;
  bottom: 12px;
  right: 13px;
  box-shadow: 0 0 0 4px #76debb12, 0 0 20px #76debb59;
}

.ebook-product-card-cover-spine {
  transform-origin: 100%;
  background: linear-gradient(90deg, #071421, #245b8c);
  border: 1px solid #85c5f880;
  width: 12px;
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: -10px;
  transform: rotateY(-90deg)translateZ(4px);
  box-shadow: inset 2px 0 #ffffff1f;
}

.ebook-home-showcase-grid .ebook-product-card.has-cover-depth:hover .ebook-product-card-cover, .ebook-home-showcase-grid .ebook-product-card.has-cover-depth:focus-within .ebook-product-card-cover {
  filter: brightness(1.13) saturate(1.12);
  transform: translateY(-4px)rotateX(7deg)rotateY(-28deg)rotateZ(2deg);
}

.ebook-home-showcase-grid .ebook-product-card.has-cover-depth .ebook-product-card-signal {
  margin-left: 150px;
}

.ebook-home-showcase-grid .ebook-product-card.has-cover-depth .ebook-product-card-content {
  margin-top: 19px;
}

.ebook-product-notify-trigger {
  color: #e9fff7;
  letter-spacing: .03em;
  cursor: pointer;
  width: 100%;
  min-height: 39px;
  transition: transform .16s var(--ease-out), border-color .16s var(--ease-out), background-color .16s var(--ease-out);
  background: #41bd9521;
  border: 1px solid #82dcbda8;
  justify-content: center;
  align-items: center;
  gap: 7px;
  margin-top: 19px;
  font: 9px DM Mono, monospace;
  display: inline-flex;
}

.ebook-product-notify-trigger:hover {
  background: #41bd953b;
  border-color: #8ce7c5;
  transform: translateY(-1px);
}

.ebook-product-notify-trigger:active {
  transform: scale(.97);
}

.ebook-product-notify-form {
  border-top: 1px solid #7cbee233;
  gap: 10px;
  margin-top: 12px;
  padding-top: 14px;
  display: grid;
}

.ebook-product-notify-form > label:not(.ebook-product-notify-consent) {
  color: #bde0ec;
  letter-spacing: .07em;
  gap: 6px;
  font: 8px DM Mono, monospace;
  display: grid;
}

.ebook-product-notify-form input[type="email"] {
  color: #e9f7fc;
  background: #040d14bd;
  border: 1px solid #7db7e059;
  outline: none;
  min-height: 38px;
  padding: 0 9px;
  font: 11px DM Sans, sans-serif;
}

.ebook-product-notify-form input[type="email"]:focus {
  border-color: #80dfbc;
  box-shadow: 0 0 0 3px #74d9b521;
}

.ebook-product-notify-consent {
  color: #b2c7c4;
  grid-template-columns: auto 1fr;
  gap: 8px;
  font-size: 10px;
  line-height: 1.55;
  display: grid;
}

.ebook-product-notify-consent input {
  accent-color: #78dfbc;
  width: 15px;
  height: 15px;
  margin-top: 1px;
}

.ebook-product-notify-honeypot {
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.ebook-product-notify-form button {
  color: #06121f;
  letter-spacing: .03em;
  cursor: pointer;
  background: #8dc8ff;
  border: 1px solid #8dc8ff;
  min-height: 39px;
  font: 9px DM Mono, monospace;
}

.ebook-product-notify-form button:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.ebook-product-notify-error {
  color: #ffb0bd;
  margin: 0;
  font-size: 10px;
  line-height: 1.45;
}

.ebook-product-notify-success {
  color: #87e6c3;
  border-top: 1px solid #75dcb73d;
  grid-template-columns: auto 1fr;
  gap: 9px;
  margin-top: 18px;
  padding-top: 14px;
  display: grid;
}

.ebook-product-notify-success p {
  color: #cae3da;
  margin: 0;
  font-size: 11px;
  line-height: 1.5;
}

.ebook-product-notify-success span {
  color: #91aea5;
  margin-top: 4px;
  font-size: 9px;
  display: block;
}

html:not(.dark) .ebook-product-notify-trigger {
  color: #174633;
  background: #3eb3841f;
  border-color: #268f687a;
}

html:not(.dark) .ebook-product-notify-form > label:not(.ebook-product-notify-consent) {
  color: #315b72;
}

html:not(.dark) .ebook-product-notify-form input[type="email"] {
  color: #16334d;
  background: #fff;
  border-color: #2e5e8e52;
}

html:not(.dark) .ebook-product-notify-consent {
  color: #476779;
}

html:not(.dark) .ebook-product-notify-success p {
  color: #315849;
}

html:not(.dark) .ebook-product-notify-success span {
  color: #5d7d70;
}

@media (max-width: 640px) {
  .ebook-home-showcase-grid .ebook-product-card.has-cover-depth {
    min-height: 396px;
  }

  .ebook-home-showcase-grid .ebook-product-card.has-cover-depth .ebook-product-card-link {
    min-height: 396px;
    padding-top: 185px;
  }

  .ebook-home-showcase-grid .ebook-product-card-cover {
    left: 17px;
    transform: rotateX(3deg)rotateY(-14deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ebook-product-card-cover, .ebook-product-notify-trigger {
    transition: none;
  }

  .ebook-home-showcase-grid .ebook-product-card.has-cover-depth:hover .ebook-product-card-cover, .ebook-home-showcase-grid .ebook-product-card.has-cover-depth:focus-within .ebook-product-card-cover, .ebook-product-notify-trigger:hover {
    transform: none;
  }
}

.nav-product-link {
  color: #dffcf0;
  background: linear-gradient(135deg, #2f9e772e, #4a8dff21);
  border-color: #73e1b857;
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.nav-product-link:after {
  content: none;
}

.nav-product-link:hover, .nav-product-link.active-nav {
  color: #fff;
  background: linear-gradient(135deg, #38b5874d, #4d97ff3d);
  border-color: #7de7bfc2;
  box-shadow: 0 9px 21px #278e6a24;
}

.nav-product-link svg {
  color: #83e4c1;
}

.compact-scroll-products {
  color: #dffcf0;
  background: #2f9e7721;
  border-color: #71dfb766;
}

.compact-scroll-products:hover {
  color: #fff;
  background: #2f9e7738;
  border-color: #7ae7bebf;
}

.product-header-link {
  color: #dffcf0;
  background: #2f9e771f;
  border-color: #72ddb56b;
}

.product-header-link:hover {
  color: #fff;
  background: #2f9e7736;
  border-color: #7de7bfb8;
}

.mobile-nav-products {
  background: linear-gradient(90deg, #2da4791f, #2da47900);
  border-top-color: #5ed9a954;
}

.mobile-nav-products .mobile-nav-label {
  color: #7de2bc;
}

.mobile-menu:focus {
  outline-offset: 3px;
  outline: 2px solid #7edcbab8;
}

html:not(.dark) .nav-product-link {
  color: #174b36;
  background: linear-gradient(135deg, #45b98a21, #4b8dff1a);
  border-color: #248f6759;
}

html:not(.dark) .nav-product-link:hover, html:not(.dark) .nav-product-link.active-nav {
  color: #123d2c;
  background: linear-gradient(135deg, #46bc8c33, #4b8dff29);
  border-color: #2088619e;
}

html:not(.dark) .product-header-link, html:not(.dark) .compact-scroll-products {
  color: #17523a;
  background: #46b98b1c;
  border-color: #238b664d;
}

html:not(.dark) .mobile-nav-products {
  background: linear-gradient(90deg, #41ae801f, #41ae8000);
}

@media (max-width: 1080px) {
  .mobile-menu {
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }

  .mobile-menu-button:focus-visible {
    outline-offset: 4px;
    outline: 2px solid #83e5c0;
  }
}

.ebook-store-gateway, .ebook-product-gateway {
  color: #e9fff8;
  letter-spacing: .035em;
  min-height: 38px;
  transition: transform .16s var(--ease-out), background-color .16s var(--ease-out), border-color .16s var(--ease-out);
  background: #36aa7e29;
  border: 1px solid #7ae0bc9e;
  justify-content: center;
  align-items: center;
  gap: 7px;
  margin-top: 13px;
  padding: 0 11px;
  font: 9px DM Mono, monospace;
  display: inline-flex;
}

.ebook-store-gateway:hover, .ebook-product-gateway:hover {
  color: #fff;
  background: #36aa7e47;
  border-color: #8de8c4;
  transform: translateY(-1px);
}

.ebook-store-gateway:active, .ebook-product-gateway:active {
  transform: scale(.97);
}

.ebook-store-boundary .ebook-store-gateway {
  width: max-content;
}

.ebook-product-gateway {
  width: 100%;
}

.ebook-product-gateway:focus-visible, .ebook-store-gateway:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #8fe9c6;
}

html:not(.dark) .ebook-store-gateway, html:not(.dark) .ebook-product-gateway {
  color: #154b36;
  background: #3ab28321;
  border-color: #25936b75;
}

html:not(.dark) .ebook-store-gateway:hover, html:not(.dark) .ebook-product-gateway:hover {
  color: #103d2b;
  background: #3ab28336;
  border-color: #1d8962bd;
}

.decision-bridge-section {
  background: radial-gradient(circle at 82% 18%, #4b8dff1f, #0000 28%), radial-gradient(circle at 12% 88%, #35d69c14, #0000 30%), linear-gradient(#0d131bf5, #080c12fa);
  border-top: 1px solid #84abd51f;
  border-bottom: 1px solid #84abd51a;
  padding: 68px clamp(22px, 5vw, 72px) 76px;
  position: relative;
}

.decision-bridge-inner {
  max-width: 1240px;
  margin: 0 auto;
}

.decision-bridge-heading {
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, .72fr);
  align-items: end;
  gap: clamp(28px, 7vw, 110px);
  display: grid;
}

.decision-bridge-heading .kicker {
  color: #79b7eb;
  letter-spacing: .14em;
  margin: 0 0 18px;
  font: 9px DM Mono, monospace;
}

.decision-bridge-heading h2 {
  color: #edf6f9;
  letter-spacing: -.055em;
  margin: 0;
  font-size: clamp(34px, 5vw, 66px);
  font-weight: 520;
  line-height: .96;
}

.decision-bridge-heading h2 span {
  color: #7edbb8;
}

.decision-bridge-heading > p {
  color: #9cadb9;
  max-width: 430px;
  margin: 0 0 4px;
  font-size: 13px;
  line-height: 1.75;
}

.decision-bridge-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 38px;
  display: grid;
}

.decision-bridge-card {
  min-height: 292px;
  transition: transform .18s var(--ease-out), border-color .18s var(--ease-out), box-shadow .18s var(--ease-out);
  background: linear-gradient(145deg, #111b28d1, #070b11f0);
  border: 1px solid #87b2db2e;
  flex-direction: column;
  padding: 22px;
  display: flex;
  position: relative;
}

.decision-bridge-card:hover, .decision-bridge-card:focus-within {
  border-color: #73d6b485;
  transform: translateY(-4px);
  box-shadow: 0 16px 34px #00000038;
}

.decision-bridge-card-primary {
  background: linear-gradient(145deg, #152e4cb8, #070d15f2);
  border-color: #4b8dff6b;
}

.decision-bridge-card-product {
  border-color: #35d69c4d;
}

.decision-bridge-card-agency {
  background: linear-gradient(145deg, #251c4373, #070b11f2);
  border-color: #9c89ff4d;
}

.decision-bridge-card-topline {
  color: #78b5e8;
  letter-spacing: .12em;
  justify-content: space-between;
  align-items: center;
  font: 9px DM Mono, monospace;
  display: flex;
}

.decision-bridge-card-product .decision-bridge-card-topline {
  color: #75dcb5;
}

.decision-bridge-card-agency .decision-bridge-card-topline {
  color: #b5a8ff;
}

.decision-bridge-card h3 {
  color: #eff7f9;
  letter-spacing: -.035em;
  margin: 46px 0 12px;
  font-size: 22px;
  font-weight: 520;
  line-height: 1.08;
}

.decision-bridge-card p {
  color: #a0b1bb;
  margin: 0;
  font-size: 11px;
  line-height: 1.68;
}

.decision-bridge-card .button-primary, .decision-bridge-card .button-secondary {
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 44px;
  margin-top: auto;
  padding: 0 12px;
  display: inline-flex;
}

.decision-bridge-footer {
  color: #8398a8;
  letter-spacing: .04em;
  border-top: 1px solid #84abd521;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-top: 22px;
  padding-top: 16px;
  font: 9px DM Mono, monospace;
  display: flex;
}

.decision-bridge-footer span, .decision-bridge-footer a {
  align-items: center;
  gap: 7px;
  display: inline-flex;
}

.decision-bridge-footer span svg {
  color: #76d8b1;
}

.decision-bridge-footer a {
  color: #a9d5ff;
}

.decision-bridge-footer a:hover {
  color: #effaff;
}

html:not(.dark) .decision-bridge-section {
  background: radial-gradient(circle at 82% 18%, #4b8dff1f, #0000 28%), linear-gradient(#eef4f9, #f8fbfd);
  border-color: #2d5c8b29;
}

html:not(.dark) .decision-bridge-heading h2, html:not(.dark) .decision-bridge-card h3 {
  color: #172e47;
}

html:not(.dark) .decision-bridge-heading > p, html:not(.dark) .decision-bridge-card p {
  color: #536b81;
}

html:not(.dark) .decision-bridge-card {
  background: linear-gradient(145deg, #ffffffeb, #eff6fbf0);
  border-color: #2d5c8b33;
}

html:not(.dark) .decision-bridge-card-primary {
  background: linear-gradient(145deg, #deedfff2, #fffffff5);
}

html:not(.dark) .decision-bridge-card-agency {
  background: linear-gradient(145deg, #eeeaffe6, #fffffff5);
}

html:not(.dark) .decision-bridge-footer {
  color: #5b7185;
  border-color: #2d5c8b29;
}

@media (max-width: 860px) {
  .decision-bridge-heading {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .decision-bridge-heading > p {
    max-width: 620px;
  }

  .decision-bridge-grid {
    grid-template-columns: 1fr;
  }

  .decision-bridge-card {
    min-height: 238px;
  }

  .decision-bridge-card h3 {
    margin-top: 30px;
  }
}

@media (max-width: 560px) {
  .decision-bridge-section {
    padding: 52px 20px 62px;
  }

  .decision-bridge-heading h2 {
    font-size: clamp(38px, 12vw, 58px);
  }

  .decision-bridge-footer {
    flex-direction: column;
    align-items: flex-start;
  }
}

.decision-bridge-section {
  padding-top: 56px;
  padding-bottom: 60px;
}

.decision-bridge-grid {
  gap: 10px;
  margin-top: 30px;
}

.decision-bridge-card {
  min-height: 252px;
  padding: 19px;
}

.decision-bridge-card:hover, .decision-bridge-card:focus-within {
  transform: translateY(-3px);
}

.decision-bridge-card .button-primary, .decision-bridge-card .button-secondary {
  transition: transform .16s var(--ease-out), background .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.decision-bridge-card .button-primary:hover, .decision-bridge-card .button-secondary:hover {
  transform: translateY(-2px);
}

.decision-bridge-card .button-primary:active, .decision-bridge-card .button-secondary:active {
  transform: scale(.97);
}

.decision-bridge-lead {
  border-top: 1px solid #84abd521;
  margin-top: 26px;
  padding-top: 24px;
}

.decision-bridge-lead .bundle-inquiry-section {
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
}

.decision-bridge-lead .bundle-inquiry-intro h3 {
  font-size: clamp(22px, 3vw, 34px);
}

.decision-bridge-lead .bundle-inquiry-form {
  background: #080e167a;
}

.case-studies-section {
  background: linear-gradient(#080d14fa, #0c1219f5);
  border-bottom: 1px solid #84abd51a;
  padding: 64px clamp(22px, 5vw, 72px) 70px;
  position: relative;
}

.case-studies-inner {
  max-width: 1240px;
  margin: 0 auto;
}

.case-studies-heading {
  grid-template-columns: minmax(0, 1fr) minmax(290px, .62fr);
  align-items: end;
  gap: 70px;
  display: grid;
}

.case-studies-heading h2 {
  color: #eef6f9;
  letter-spacing: -.055em;
  max-width: 620px;
  margin: 0;
  font-size: clamp(34px, 5vw, 63px);
  font-weight: 520;
  line-height: .98;
}

.case-studies-heading > p {
  color: #98aab8;
  max-width: 440px;
  margin: 0 0 2px;
  font-size: 12px;
  line-height: 1.72;
}

.case-studies-map {
  color: #74d8b3;
  letter-spacing: .12em;
  align-items: center;
  gap: 10px;
  margin: 33px 0 17px;
  font: 9px DM Mono, monospace;
  display: flex;
}

.case-studies-map i {
  background: linear-gradient(90deg, #4b8dff59, #35d69cbf);
  width: 42px;
  height: 1px;
}

.case-studies-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.case-study-card {
  min-height: 238px;
  transition: transform .18s var(--ease-out), border-color .18s var(--ease-out), box-shadow .18s var(--ease-out);
  background: linear-gradient(145deg, #121c28cc, #070b11f0);
  border: 1px solid #84abd52b;
  flex-direction: column;
  padding: 20px;
  display: flex;
}

.case-study-card:hover, .case-study-card:focus-within {
  border-color: #73d6b47a;
  transform: translateY(-3px);
  box-shadow: 0 15px 32px #0000002e;
}

.case-study-index {
  color: #74d8b3;
  letter-spacing: .12em;
  justify-content: space-between;
  align-items: center;
  font: 9px DM Mono, monospace;
  display: flex;
}

.case-study-index span {
  color: #78b7ef;
  font-size: 14px;
}

.case-study-card h3 {
  color: #edf6f9;
  letter-spacing: -.035em;
  margin: 35px 0 11px;
  font-size: 20px;
  font-weight: 520;
  line-height: 1.08;
}

.case-study-card > p {
  color: #9eafbb;
  margin: 0;
  font-size: 11px;
  line-height: 1.65;
}

.case-study-signal {
  color: #b9d5cc;
  align-items: flex-start;
  gap: 7px;
  margin-top: auto;
  padding-top: 18px;
  font: 9px / 1.45 DM Mono, monospace;
  display: flex;
}

.case-study-signal svg {
  color: #6fe0b6;
  flex: none;
}

.case-studies-footer {
  color: #7f94a5;
  border-top: 1px solid #84abd51f;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-top: 18px;
  padding-top: 15px;
  font: 9px DM Mono, monospace;
  display: flex;
}

.case-studies-footer span, .case-studies-footer a {
  align-items: center;
  gap: 7px;
  display: inline-flex;
}

.case-studies-footer span svg {
  color: #6fe0b6;
}

.case-studies-footer a {
  color: #a9d5ff;
}

.case-studies-footer a:hover {
  color: #f2fbff;
}

@media (min-width: 721px) {
  .topbar {
    overflow: visible;
  }

  .desktop-nav {
    flex: auto;
    min-width: 0;
  }

  .nav-dropdown-group {
    flex: 0 auto;
  }

  .nav-mega-panel {
    overscroll-behavior: contain;
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 132px);
    overflow: auto;
  }

  .nav-mega-panel-services {
    transform-origin: top;
    left: 50%;
    transform: translate(-50%, -5px);
  }

  .nav-dropdown-group.is-open .nav-mega-panel-services {
    transform: translate(-50%);
  }

  .nav-mega-panel-knowledge, .nav-mega-panel-collaboration {
    left: auto;
    right: -10px;
  }

  .nav-mega-panel-overview {
    left: -10px;
  }
}

html:not(.dark) .decision-bridge-lead .bundle-inquiry-form {
  background: #ffffff9e;
}

html:not(.dark) .case-studies-section {
  background: linear-gradient(#f1f6fa, #f9fbfd);
  border-color: #2d5c8b24;
}

html:not(.dark) .case-studies-heading h2, html:not(.dark) .case-study-card h3 {
  color: #172e47;
}

html:not(.dark) .case-studies-heading > p, html:not(.dark) .case-study-card > p {
  color: #536b81;
}

html:not(.dark) .case-study-card {
  background: linear-gradient(145deg, #ffffffeb, #eff6fbf2);
  border-color: #2d5c8b30;
}

html:not(.dark) .case-study-signal {
  color: #3e6b5b;
}

html:not(.dark) .case-studies-footer {
  color: #5c7185;
  border-color: #2d5c8b24;
}

@media (max-width: 860px) {
  .case-studies-heading {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .case-studies-heading > p {
    max-width: 640px;
  }

  .case-studies-grid {
    grid-template-columns: 1fr;
  }

  .case-study-card {
    min-height: 0;
  }
}

@media (max-width: 560px) {
  .case-studies-section {
    padding: 50px 20px 58px;
  }

  .case-studies-heading h2 {
    font-size: clamp(36px, 12vw, 56px);
  }

  .case-studies-map {
    gap: 6px;
    font-size: 7px;
  }

  .case-studies-map i {
    width: 20px;
  }

  .case-studies-footer {
    flex-direction: column;
    align-items: flex-start;
  }
}

.topbar {
  gap: 18px;
  padding-inline: clamp(20px, 2.6vw, 48px);
}

.brand-copy {
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
}

.brand-copy strong {
  letter-spacing: .065em;
  font-size: 12px;
}

.brand-copy small {
  color: var(--text-soft);
  align-self: auto;
  margin: 0;
  font-size: 7px;
}

.brand-copy:after {
  display: none;
}

.topbar-actions {
  flex: none;
  gap: 12px;
}

.topbar-actions .product-header-link, .topbar-actions .instagram-header-link, .topbar-actions .manifest-link {
  display: none;
}

.desktop-nav {
  justify-content: flex-end;
  gap: 6px;
  margin-inline-start: auto;
}

.desktop-nav .nav-group-title {
  min-width: 0;
  height: auto;
  min-height: 40px;
  padding-inline: 8px;
  font-size: 10px;
}

.desktop-nav .nav-product-link:after {
  display: none;
}

.desktop-nav .nav-dropdown-group {
  align-self: center;
  position: static;
}

.desktop-nav .nav-badge {
  display: none;
}

.desktop-nav .nav-mega-panel {
  overscroll-behavior: contain;
  transform-origin: top;
  inset-inline: 20px;
  grid-template-columns: minmax(190px, .7fr) minmax(0, 1.3fr);
  width: auto;
  max-width: 780px;
  max-height: calc(100dvh - 140px);
  margin-inline: auto;
  animation: none;
  position: absolute;
  top: calc(100% + 7px);
  overflow-y: auto;
  transform: translateY(-4px);
}

.desktop-nav .nav-dropdown-group.is-open .nav-mega-panel {
  animation: none;
  transform: none;
}

.desktop-nav .nav-mega-panel:before {
  display: none;
}

.desktop-nav .nav-mega-intro strong {
  margin-top: 4px;
}

.desktop-nav .nav-mega-link {
  min-height: 52px;
}

.topbar-scrolled .desktop-nav {
  display: flex;
}

.topbar-scrolled .compact-scroll-nav {
  display: none;
}

.topbar-scrolled .brand-copy strong {
  font-size: 11px;
}

.home-release-note {
  display: none;
}

.home-chapter-map {
  border-block: 1px solid var(--border);
  background: var(--panel);
  color: var(--text-soft);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 20px;
  padding: 18px clamp(20px, 5vw, 72px);
  display: flex;
}

.home-chapter-map > span {
  margin-inline-end: auto;
  font: 11px / 1.5 DM Mono, monospace;
}

.home-chapter-map a {
  min-height: 38px;
  color: var(--foreground);
  align-items: center;
  gap: 7px;
  font-size: 12px;
  display: flex;
}

.home-chapter-map a small {
  color: var(--cobalt);
  font: 9px DM Mono, monospace;
}

.home-chapter-map a:hover {
  color: var(--cobalt);
}

.decision-bridge-heading h2 {
  letter-spacing: -.045em;
  font-size: clamp(32px, 4.2vw, 54px);
  line-height: 1.06;
}

.decision-bridge-grid {
  align-items: stretch;
}

.decision-bridge-card {
  gap: 0;
  min-height: 280px;
}

.decision-bridge-card h3 {
  margin-top: 28px;
  font-size: 24px;
}

.decision-bridge-card p {
  margin-bottom: 24px;
  font-size: 13px;
  line-height: 1.6;
}

.decision-bridge-card .button-primary, .decision-bridge-card .button-secondary {
  white-space: normal;
  text-align: center;
  min-height: 48px;
  padding-block: 10px;
}

.decision-bridge-lead .bundle-inquiry-intro h3 {
  max-width: 24ch;
  font-size: 28px;
}

.decision-bridge-lead .bundle-inquiry-form {
  border: 1px solid var(--border);
  border-radius: 5px;
  padding: 18px;
}

.bundle-inquiry-form label {
  text-transform: none;
  letter-spacing: 0;
  font: 12px / 1.4 DM Sans, sans-serif;
}

.bundle-inquiry-full small {
  color: var(--text-soft);
  font-size: 11px;
}

.bundle-inquiry-form .inquiry-honeypot {
  clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.bundle-inquiry-form button:disabled {
  cursor: wait;
  opacity: .65;
  transform: none;
}

.bundle-inquiry-intro .inquiry-privacy-note {
  color: var(--text-soft);
  margin-top: 15px;
  font-size: 11px;
}

.home-depth-panel {
  border: 1px solid var(--border);
  background: var(--panel);
  max-width: 1240px;
  color: var(--foreground);
  margin: 24px auto;
  scroll-margin-top: 118px;
}

.home-depth-panel > summary {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 24px;
  list-style: none;
  display: flex;
}

.home-depth-panel > summary::-webkit-details-marker {
  display: none;
}

.home-depth-panel > summary small {
  color: var(--cobalt);
  margin-bottom: 6px;
  font: 10px / 1.5 DM Mono, monospace;
  display: block;
}

.home-depth-panel > summary strong {
  letter-spacing: -.035em;
  font: 24px / 1.25 Space Grotesk, sans-serif;
  display: block;
}

.home-depth-panel > summary p {
  max-width: 70ch;
  color: var(--text-soft);
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.6;
}

.home-depth-panel > summary svg {
  flex: none;
}

.home-depth-panel[open] > summary svg {
  transform: rotate(90deg);
}

.home-depth-panel > .section {
  border-top: 1px solid var(--border);
  padding: 36px;
}

.home-depth-panel > .section .section-index {
  display: none;
}

.home-depth-panel > .section h2 {
  font-size: 36px;
}

.hero-depth-panel {
  max-width: 610px;
  margin: 18px 0 0;
}

.hero-depth-panel > summary {
  padding: 12px 15px;
}

.hero-depth-panel > summary strong {
  font-size: 16px;
}

.hero-depth-panel > summary p {
  display: none;
}

.hero-depth-panel > .hero-research-deployable-grid, .hero-depth-panel > .hero-pathways-panel {
  margin: 10px;
}

.hero-section {
  padding-inline: clamp(24px, 6vw, 100px);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 44px;
  min-height: 760px;
  padding-bottom: 58px;
}

.hero-copy h1 {
  letter-spacing: -.06em;
  font-size: clamp(48px, 5.25vw, 80px);
  line-height: .99;
}

.hero-lead {
  font-size: 15px;
}

.hero-visual {
  min-height: 560px;
  max-height: 750px;
}

.hero-visual img {
  min-height: 560px;
}

.hero-note {
  flex-wrap: wrap;
}

.section:not(.closing-section) {
  padding-block: 72px;
}

.case-studies-heading h2 {
  font-size: clamp(32px, 4.2vw, 52px);
}

.case-study-card {
  min-height: 282px;
}

.case-study-card > p {
  font-size: 13px;
}

.case-study-signal {
  padding-top: 24px;
  font-size: 11px;
}

.case-studies-footer, .decision-bridge-footer {
  font-size: 11px;
  line-height: 1.5;
}

.case-studies-footer > span, .decision-bridge-footer > span {
  flex-wrap: wrap;
}

#next-move, #case-studies, #agency-inquiry, #knowledge-editions {
  scroll-margin-top: 110px;
}

html:not(.dark) .bundle-inquiry-intro h3, html:not(.dark) .bundle-inquiry-form label, html:not(.dark) .bundle-inquiry-success {
  color: var(--foreground);
}

html:not(.dark) .bundle-inquiry-section {
  background: var(--panel);
  border-color: var(--border);
}

html:not(.dark) .bundle-inquiry-form input, html:not(.dark) .bundle-inquiry-form textarea, html:not(.dark) .bundle-inquiry-form select {
  background: var(--card);
  color: var(--foreground);
  border-color: var(--border);
}

html:not(.dark) .bundle-inquiry-intro p, html:not(.dark) .bundle-inquiry-consent {
  color: var(--text-soft) !important;
}

html:not(.dark) .home-depth-panel > .section {
  background: var(--panel);
}

html:not(.dark) .decision-bridge-heading h2 span {
  color: #167554;
}

html:not(.dark) .decision-bridge-heading .kicker, html:not(.dark) .case-study-index span {
  color: #2366a9;
}

html:not(.dark) .decision-bridge-card-topline, html:not(.dark) .case-study-index, html:not(.dark) .case-studies-map {
  color: #166d56;
}

html:not(.dark) .decision-bridge-card-agency .decision-bridge-card-topline {
  color: #6751a4;
}

html:not(.dark) .case-studies-footer a, html:not(.dark) .decision-bridge-footer a {
  color: #235d9b;
}

html[dir="rtl"] .home-chapter-map, html[dir="rtl"] .decision-bridge-inner, html[dir="rtl"] .case-studies-inner, html[dir="rtl"] .home-depth-panel {
  text-align: start;
}

html[dir="rtl"] .home-chapter-map small {
  direction: ltr;
}

html[dir="rtl"] .home-depth-panel > summary svg {
  transform: rotate(180deg);
}

html[dir="rtl"] .home-depth-panel[open] > summary svg {
  transform: rotate(90deg);
}

@media (min-width: 1500px) {
  .desktop-nav .nav-badge {
    display: inline-block;
  }

  .desktop-nav .nav-group-title {
    padding-inline: 12px;
    font-size: 11px;
  }
}

@media (max-width: 1080px) {
  .desktop-nav, .topbar-scrolled .desktop-nav, .topbar-scrolled .compact-scroll-nav {
    display: none;
  }

  .topbar-actions .mobile-menu-button {
    display: grid;
  }

  .hero-section {
    grid-template-columns: 1fr;
    min-height: 0;
    padding-top: 140px;
  }

  .hero-visual, .hero-visual img {
    min-height: 320px;
    max-height: 480px;
  }

  .home-depth-panel {
    margin-inline: 20px;
  }

  .hero-depth-panel {
    margin-inline: 0;
  }
}

@media (max-width: 640px) {
  .hero-section {
    gap: 24px;
    padding: 130px 20px 36px;
  }

  .hero-copy {
    padding-top: 0;
  }

  .hero-copy h1 {
    font-size: clamp(42px, 12.5vw, 62px);
  }

  .hero-note {
    margin-top: 12px;
  }

  .home-chapter-map {
    gap: 8px 16px;
  }

  .home-chapter-map > span {
    width: 100%;
    font-size: 10px;
  }

  .home-chapter-map a {
    min-height: 38px;
    font-size: 11px;
  }

  .decision-bridge-card {
    min-height: 240px;
  }

  .case-study-card {
    min-height: 0;
  }

  .home-depth-panel > summary {
    gap: 14px;
    padding: 18px;
  }

  .home-depth-panel > summary strong {
    font-size: 19px;
  }

  .home-depth-panel > .section {
    padding: 20px;
  }

  .section:not(.closing-section) {
    padding-block: 52px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .decision-bridge-card, .decision-bridge-card a, .case-study-card, .desktop-nav .nav-mega-panel {
    transition: none !important;
    animation: none !important;
  }

  .decision-bridge-card:hover, .decision-bridge-card:focus-within, .decision-bridge-card a:hover, .decision-bridge-card a:active, .case-study-card:hover {
    transform: none !important;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .decision-bridge-card a > svg {
    transition: transform .16s var(--ease-out);
  }

  .decision-bridge-card a:hover > svg {
    transform: translate(2px, -2px);
  }
}

@media (min-width: 641px) {
  .floating-journey-nav {
    max-width: 280px;
    box-shadow: none;
    background: none;
    border: 0;
    padding: 0;
    bottom: 20px;
    right: 20px;
  }

  .floating-journey-nav-label {
    display: none;
  }

  .floating-journey-nav-trigger {
    border: 1px solid var(--border);
    min-height: 44px;
    color: var(--foreground);
    background: var(--panel);
    border-radius: 8px;
    align-items: center;
    gap: 9px;
    padding: 10px 15px;
    font-size: 12px;
    display: inline-flex;
    box-shadow: 0 12px 24px #00000029;
  }

  .floating-journey-nav > div {
    border: 1px solid var(--border);
    width: 280px;
    max-height: min(620px, 100dvh - 170px);
    color: var(--foreground);
    background: var(--panel);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: transform .18s var(--ease-out), opacity .16s var(--ease-out), visibility 0s linear .18s;
    inset-inline-end: 0;
    border-radius: 10px;
    grid-template-columns: 1fr;
    gap: 5px;
    padding: 12px;
    display: grid;
    position: absolute;
    bottom: calc(100% + 10px);
    overflow-y: auto;
    transform: translateY(7px);
    box-shadow: 0 18px 42px #0000003d;
  }

  .floating-journey-nav[data-expanded="true"] > div {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition-delay: 0s;
    transform: none;
  }

  .floating-journey-nav a {
    justify-content: flex-start;
    gap: 10px;
    width: auto;
    min-height: 42px;
    padding: 9px 12px;
    font-size: 12px;
  }

  .floating-journey-nav a span {
    white-space: normal;
    width: auto;
    height: auto;
    display: inline;
    position: static;
    overflow: visible;
  }

  .floating-journey-nav a:after {
    content: none;
  }
}

html:not(.dark) .case-studies-heading .kicker {
  color: #356287;
}

html:not(.dark) .case-study-signal svg, html:not(.dark) .case-studies-footer span svg {
  color: #1e775c;
}

html:not(.dark) .nav-product-link {
  color: #285677;
}

@media (prefers-reduced-motion: reduce) {
  .floating-journey-nav > div, .floating-journey-nav-trigger {
    transition: none !important;
    transform: none !important;
  }
}

.topbar[data-keyboard-nav="true"] .nav-mega-panel, .floating-journey-nav[data-keyboard-nav="true"] > div {
  transition: none;
  animation: none;
}

@media (max-width: 640px) {
  .language-dock {
    bottom: calc(12px + 86px + env(safe-area-inset-bottom));
  }
}

@media (max-width: 380px) {
  .language-dock {
    bottom: calc(12px + 126px + env(safe-area-inset-bottom));
  }
}

.brand-mark-wrap {
  border-radius: 7px;
  flex: none;
  position: relative;
  overflow: hidden;
}

.brand-mark-wrap img {
  object-fit: contain;
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: opacity .18s var(--ease-out);
  display: block;
  position: absolute;
  inset: 0;
}

.brand-mark-wrap img.is-loaded {
  opacity: 1;
}

.brand-copy {
  white-space: nowrap;
  min-width: 0;
}

.footer-brand-mark {
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 30px;
  height: 30px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.footer-brand-mark img {
  object-fit: contain;
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: opacity .18s var(--ease-out);
  display: block;
  position: absolute;
  inset: 0;
}

.footer-brand-mark img.is-loaded {
  opacity: 1;
}

.footer-brand-mark.footer-brand-fallback {
  color: #8fc7ff;
  background: #4b8dff1a;
  border: 1px solid #59a0ff80;
}

@media (max-width: 720px) {
  .topbar {
    gap: 14px;
    padding-inline: 16px;
  }

  .brand {
    gap: 8px;
  }

  .brand-copy strong {
    font-size: 11px;
  }

  .brand-copy small {
    display: none;
  }

  .topbar-actions {
    gap: 8px;
  }

  .brand-mark-wrap {
    width: 28px;
    height: 28px;
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
    filter: blur(var(--tw-enter-blur, 0));
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
    filter: blur(var(--tw-exit-blur, 0));
  }
}

@keyframes accordion-down {
  from {
    height: 0;
  }

  to {
    height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto)))));
  }
}

@keyframes accordion-up {
  from {
    height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto)))));
  }

  to {
    height: 0;
  }
}

@keyframes caret-blink {
  0%, 70%, 100% {
    opacity: 1;
  }

  20%, 50% {
    opacity: 0;
  }
}