@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}
/*! 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 {
    --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;
}

@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;
  }
}