@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--bg-dark:#f2f6fa;--bg-darker:#e2eaf4;--card-bg:#fff;--card-bg-hover:#fcfdfe;--border-color:#cbd5e1;--border-color-hover:#94a3b8;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--primary:#3b82f6;--primary-glow:#3b82f61f;--secondary:#eab308;--secondary-glow:#eab3081f;--cyan:#06b6d4;--cyan-glow:#06b6d41f;--success:#10b981;--success-glow:#10b9811a;--warning:#f59e0b;--warning-glow:#f59e0b1a;--danger:#ef4444;--font-sans:"Plus Jakarta Sans", "Outfit", sans-serif;--clay-shadow-outer:0 16px 36px #94a3b829, 0 4px 12px #94a3b814;--clay-shadow-inner-white:inset 6px 6px 12px #ffffffe6;--clay-shadow-inner-dark:inset -6px -6px 12px #94a3b81f}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-dark);width:100%;min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-darker);background:#cbd5e1;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.bg-glow-container{z-index:-1;pointer-events:none;background:var(--bg-dark);width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.glow-blob{filter:blur(100px);opacity:.35;z-index:0;border-radius:50%;animation:28s ease-in-out infinite alternate float;position:absolute}.glow-blob-1{background:radial-gradient(circle,#dbeafe 0%,#0000 70%);width:600px;height:600px;animation-duration:22s;top:-10%;left:-10%}.glow-blob-2{background:radial-gradient(circle,#fef08a 0%,#0000 70%);width:700px;height:700px;animation-duration:30s;bottom:-10%;right:-10%}.glow-blob-3{background:radial-gradient(circle,#ffedd5 0%,#0000 70%);width:500px;height:500px;animation-duration:25s;top:25%;left:50%}@keyframes float{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(40px,-30px)scale(1.05)rotate(90deg)}to{transform:translate(-20px,40px)scale(.98)rotate(180deg)}}.glass-card{background:var(--card-bg);border:var(--border-width) solid var(--border-color);box-shadow:8px 8px 0px var(--border-color);border-radius:12px;width:100%;min-width:0;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.glass-card:hover{transform:translateY(-3px);box-shadow:0 24px 48px #94a3b833,inset 8px 8px 16px #ffffffe6,inset -8px -8px 16px #94a3b824}.glow-card-premium{box-shadow:0 20px 45px #eab30826, var(--clay-shadow-inner-white), var(--clay-shadow-inner-dark);position:relative}.glow-card-premium:hover{transform:translateY(-3px);box-shadow:0 28px 55px #eab30838,inset 8px 8px 16px #fffffff2,inset -8px -8px 16px #eab30814}.main-wrapper{z-index:1;box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:130px 24px 60px;position:relative}.header-container{text-align:center;transform-origin:top;margin-bottom:40px;transition:opacity .6s,transform .6s;animation:.8s cubic-bezier(.16,1,.3,1) fadeIn}.header-container.header-collapsed{opacity:0;pointer-events:none;transform:translateY(-30px)scale(.95)}.sticky-header{z-index:1000;-webkit-backdrop-filter:blur(16px);background:#ffffffd9;border-radius:24px;justify-content:center;align-items:center;height:76px;transition:background-color .4s,transform .4s,box-shadow .4s,opacity .4s;display:flex;position:fixed;top:20px;left:20px;right:20px;box-shadow:0 12px 32px #94a3b826,inset 6px 6px 12px #ffffffe6,inset -6px -6px 12px #94a3b814}.sticky-header-content{justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1400px;margin:0 auto;padding:0 32px;display:flex}.sticky-logo{cursor:pointer;background:var(--bg-darker);box-shadow:var(--clay-shadow-outer), var(--clay-shadow-inner-white), var(--clay-shadow-inner-dark);border-radius:16px;align-items:center;gap:10px;padding:8px 16px;transition:transform .2s;display:flex}.sticky-logo:hover{transform:scale(1.03)}.sticky-logo .logo-icon{font-size:1.2rem}.sticky-logo .logo-text{letter-spacing:-.01em;color:var(--text-primary);font-size:1.15rem;font-weight:800}.sticky-scan-form{flex:1;align-items:center;gap:12px;max-width:600px;display:flex}.sticky-input{background:var(--bg-dark);color:var(--text-primary);font-family:var(--font-sans);border:none;border-radius:16px;outline:none;flex:1;padding:10px 18px;font-size:.95rem;transition:all .3s;box-shadow:inset 3px 3px 6px #94a3b833,inset -3px -3px 6px #ffffffe6}.sticky-input:focus{background:#fff;box-shadow:0 0 0 3px #3b82f626,inset 3px 3px 6px #94a3b81a,inset -3px -3px 6px #ffffffe6}.sticky-btn{background:var(--primary);color:#fff;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:16px;padding:10px 22px;font-size:.9rem;font-weight:700;transition:all .25s cubic-bezier(.175,.885,.32,1.15);box-shadow:0 8px 16px #3b82f633,inset 3px 3px 6px #fff6,inset -3px -3px 6px #00000026}.sticky-btn:hover{transform:translateY(-1px);box-shadow:0 12px 20px #3b82f64d,inset 3px 3px 6px #ffffff80,inset -3px -3px 6px #0003}.sticky-btn:active{transform:translateY(1px);box-shadow:0 4px 10px #3b82f626,inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #00000040}.sticky-score-badge{color:var(--text-secondary);background:var(--bg-darker);box-shadow:var(--clay-shadow-outer), var(--clay-shadow-inner-white), var(--clay-shadow-inner-dark);border-radius:18px;align-items:center;gap:8px;padding:10px 18px;font-size:.95rem;display:flex}.sticky-score-badge strong{color:var(--primary);font-weight:850}.title-tag{background:var(--primary-glow);color:var(--primary);text-transform:uppercase;letter-spacing:.05em;border-radius:99px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 18px;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:0 4px 10px #3b82f614,inset 2px 2px 4px #ffffff80}.main-title{letter-spacing:-.025em;color:var(--text-primary);margin-bottom:16px;font-size:3.5rem;font-weight:850;line-height:1.15}.main-subtitle{color:var(--text-secondary);max-width:700px;margin:0 auto;font-size:1.25rem;line-height:1.6}.search-card{background:var(--card-bg);max-width:800px;box-shadow:var(--clay-shadow-outer), var(--clay-shadow-inner-white), var(--clay-shadow-inner-dark);border-radius:32px;margin:0 auto 50px;padding:40px}.input-group{gap:16px;margin-bottom:28px;display:flex}.input-wrapper{flex:1;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;transition:color .3s;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.glass-input{background:var(--bg-darker);width:100%;color:var(--text-primary);font-family:var(--font-sans);border:none;border-radius:20px;outline:none;padding:20px 24px 20px 56px;font-size:1.1rem;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.15);box-shadow:inset 4px 4px 8px #94a3b840,inset -4px -4px 8px #ffffffe6}.glass-input:focus{background:#fff;box-shadow:0 0 0 4px #3b82f626,inset 4px 4px 8px #94a3b826,inset -4px -4px 8px #ffffffe6}.glass-input:focus+.input-icon{color:var(--primary)}.btn-premium{background:var(--primary);color:#fff;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:20px;justify-content:center;align-items:center;gap:12px;padding:18px 36px;font-size:1.1rem;font-weight:850;transition:all .25s cubic-bezier(.175,.885,.32,1.15);display:flex;box-shadow:0 12px 24px #3b82f640,inset 4px 4px 8px #fff6,inset -4px -4px 8px #00000026}.btn-premium:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 32px #3b82f659,inset 6px 6px 12px #ffffff80,inset -6px -6px 12px #0003}.btn-premium:active:not(:disabled){transform:translateY(1px);box-shadow:0 4px 10px #3b82f626,inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #00000040}.btn-premium:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-darker);box-shadow:none;color:var(--text-muted)}.quick-tests{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.quick-test-label{color:var(--text-muted);margin-right:4px;font-size:.9rem;font-weight:600}.quick-test-btn{background:var(--card-bg);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;box-shadow:var(--clay-shadow-outer), var(--clay-shadow-inner-white), var(--clay-shadow-inner-dark);border:none;border-radius:14px;padding:10px 18px;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.175,.885,.32,1.1)}.quick-test-btn:hover{color:var(--text-primary);transform:translateY(-1px);box-shadow:0 8px 16px #94a3b81f,inset 4px 4px 8px #fffffff2,inset -4px -4px 8px #94a3b814}.quick-test-btn:active{transform:translateY(1px);box-shadow:0 4px 8px #94a3b814,inset 2px 2px 4px #ffffffe6,inset -2px -2px 4px #94a3b81f}.loader-card{text-align:center;max-width:600px;margin:40px auto;padding:50px}.scanner-box{background:var(--bg-darker);border:none;border-radius:20px;justify-content:center;align-items:center;width:100%;height:140px;margin-bottom:30px;display:flex;position:relative;overflow:hidden;box-shadow:inset 4px 4px 8px #94a3b833,inset -4px -4px 8px #fffc}.scanner-text{color:var(--primary);letter-spacing:.05em;z-index:5;font-family:monospace;font-size:.95rem;font-weight:700}.wave-container{opacity:.75;align-items:center;width:125%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}.wave-svg{width:100%;height:100%;position:absolute;top:0;left:0}.wave-path{will-change:transform}.wave1{filter:drop-shadow(0 0 4px var(--cyan));animation:3.5s linear infinite wave-flow-right}.wave2{filter:drop-shadow(0 0 5px var(--primary));animation:4.5s linear infinite wave-flow-left}.wave3{filter:drop-shadow(0 0 2px #06b6d466);animation:7s linear infinite wave-flow-right}@keyframes wave-flow-right{0%{transform:translate(0)}to{transform:translate(-300px)}}@keyframes wave-flow-left{0%{transform:translate(-300px)}to{transform:translate(0)}}.loader-title{color:var(--text-primary);margin-bottom:12px;font-size:1.5rem;font-weight:700}.loader-status{color:var(--text-secondary);min-height:24px;font-size:1.05rem}.dashboard-grid{grid-template-columns:1fr;gap:30px;width:100%;min-width:0;margin-top:40px;display:grid}@media (min-width:1024px){.dashboard-grid{grid-template-columns:350px minmax(0,1fr)}}.dashboard-grid>*{min-width:0}.flex-col-container{flex-direction:column;gap:0;width:100%;min-width:0;display:flex;overflow-x:clip}.score-card{text-align:center;flex-direction:column;align-items:center;height:fit-content;padding:40px 30px;display:flex}.score-circle-container{justify-content:center;align-items:center;width:200px;height:200px;margin-bottom:25px;display:flex;position:relative}.score-svg{width:100%;height:100%;transform:rotate(-90deg)}.score-svg-bg{fill:none;stroke:var(--bg-darker);stroke-width:14px}.score-svg-fill{fill:none;stroke:var(--primary);stroke-width:14px;stroke-linecap:round;transition:stroke-dashoffset 1.5s cubic-bezier(.16,1,.3,1)}.score-text-inner{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.score-num{color:var(--text-primary);font-size:3.5rem;font-weight:850;line-height:1}.score-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:.85rem;font-weight:800}.pillar-scores{flex-direction:column;gap:20px;width:100%;margin-top:15px;display:flex}.pillar-item{width:100%}.pillar-header{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.95rem;display:flex}.pillar-name{color:var(--text-secondary);font-weight:700}.pillar-val{font-weight:800}.pillar-bar-bg{background:var(--bg-darker);border:none;border-radius:99px;width:100%;height:12px;overflow:hidden;box-shadow:inset 1px 1px 3px #94a3b833,inset -1px -1px 3px #fffc}.pillar-bar-fill{border-radius:99px;height:100%;transition:width 1.2s cubic-bezier(.16,1,.3,1)}.tabs-slider-wrapper{align-items:center;gap:12px;width:100%;margin-bottom:30px;display:flex;position:relative}.tabs-container{background:var(--bg-darker);scroll-behavior:smooth;scrollbar-width:none;border-radius:20px;flex-grow:1;gap:6px;padding:6px;display:flex;overflow-x:auto;box-shadow:inset 3px 3px 6px #94a3b826,inset -3px -3px 6px #fffc}.tabs-slide-btn{border:2px solid var(--border-color);width:42px;height:42px;box-shadow:3px 3px 0px var(--border-color);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.tabs-slide-btn:hover{color:var(--primary);border-color:var(--primary);box-shadow:4px 4px 0px var(--primary);transform:translateY(-2px)}.tabs-slide-btn:active{box-shadow:1px 1px 0px var(--primary);transform:translateY(1px)}.tabs-container::-webkit-scrollbar{display:none}.tab-btn{color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-radius:14px;flex-shrink:0;padding:12px 24px;font-size:.95rem;font-weight:700;transition:all .2s cubic-bezier(.175,.885,.32,1.15)}.tab-btn:hover{color:var(--text-primary);background:#fff6}.tab-btn.active{color:var(--primary);background:#fff;box-shadow:0 8px 16px #94a3b81a,inset 2px 2px 4px #ffffffe6,inset -2px -2px 4px #94a3b80a}.mockup-card{background:var(--card-bg);width:100%;min-width:0;box-shadow:var(--clay-shadow-outer), var(--clay-shadow-inner-white), var(--clay-shadow-inner-dark);border-radius:28px;margin-bottom:30px;padding:40px;overflow:hidden}.mockup-header-row{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px;padding-bottom:20px;display:flex}.mockup-engine-title{color:var(--cyan);align-items:center;gap:10px;font-size:1.15rem;font-weight:800;display:flex}.mockup-toggle-group{background:var(--bg-darker);border-radius:16px;padding:6px;display:flex;box-shadow:inset 2px 2px 4px #94a3b826,inset -2px -2px 4px #fffc}.mockup-toggle-btn{color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:700;font-family:var(--font-sans);background:0 0;border:none;border-radius:12px;padding:10px 20px;transition:all .2s cubic-bezier(.175,.885,.32,1.15)}.mockup-toggle-btn:hover{color:var(--text-primary);background:#fff6}.mockup-toggle-btn.active{color:var(--primary);background:#fff;box-shadow:0 4px 10px #94a3b814,inset 2px 2px 4px #fffffff2}.mockup-query-bar{background:var(--bg-darker);color:var(--text-secondary);border-radius:14px;margin-bottom:20px;padding:14px 22px;font-family:monospace;font-size:.95rem;box-shadow:inset 2px 2px 4px #94a3b826,inset -2px -2px 4px #fffc}.mockup-query-bar span{color:var(--primary);font-weight:700}.ai-output-box{background:var(--bg-darker);color:var(--text-primary);border:none;border-radius:20px;margin-bottom:20px;padding:24px;font-size:1.05rem;line-height:1.6;box-shadow:inset 3px 3px 6px #94a3b833,inset -3px -3px 6px #fffc}.citation-bubble{background:var(--secondary);color:#fff;vertical-align:super;cursor:help;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;margin-left:6px;font-size:.75rem;font-weight:800;display:inline-flex;box-shadow:0 4px 8px #eab30833,inset 1px 1px 3px #ffffff80}.sources-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:.85rem;font-weight:600}.sources-list{flex-wrap:wrap;gap:10px;display:flex}.source-item{background:var(--bg-darker);color:var(--text-secondary);box-shadow:var(--clay-shadow-outer), var(--clay-shadow-inner-white), var(--clay-shadow-inner-dark);border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;display:flex}.source-number{background:var(--primary);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex}.rec-list{flex-direction:column;gap:16px;display:flex}.rec-item{background:var(--card-bg);box-shadow:var(--clay-shadow-outer), var(--clay-shadow-inner-white), var(--clay-shadow-inner-dark);border-radius:20px;transition:all .25s cubic-bezier(.175,.885,.32,1.15);overflow:hidden}.rec-item:hover{transform:translateY(-2px);box-shadow:0 20px 40px #94a3b82e,inset 6px 6px 12px #ffffffe6,inset -6px -6px 12px #94a3b81f}.rec-item.open{box-shadow:0 20px 40px #3b82f61f,inset 6px 6px 12px #ffffffe6,inset -6px -6px 12px #3b82f60d}.rec-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:24px;display:flex}.rec-title-group{flex:1;align-items:center;gap:18px;display:flex}.rec-cat-icon{background:var(--bg-darker);width:38px;height:38px;color:var(--primary);box-shadow:var(--clay-shadow-outer), var(--clay-shadow-inner-white), var(--clay-shadow-inner-dark);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.175,.885,.32,1.15);display:flex}.rec-item:hover .rec-cat-icon{background:var(--primary);color:#fff;transform:scale(1.05)}.rec-title{color:var(--text-primary);letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.rec-meta{align-items:center;gap:14px;display:flex}.chevron-icon{color:var(--text-muted);transition:transform .4s cubic-bezier(.16,1,.3,1)}.rec-item.open .chevron-icon{color:var(--primary);transform:rotate(180deg)}.rec-body{border-top:1px solid var(--border-color);margin-top:0;padding:24px 24px 24px 80px;animation:.35s cubic-bezier(.16,1,.3,1) forwards slideDown;display:none}.rec-item.open .rec-body{display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.rec-description{color:var(--text-secondary);margin-bottom:24px;font-size:.95rem;line-height:1.6}.rec-details-grid{grid-template-columns:1fr;gap:18px;display:grid}@media (min-width:768px){.rec-details-grid{grid-template-columns:1fr 1fr}}.rec-detail-box{background:var(--bg-darker);border:none;border-radius:16px;padding:20px;box-shadow:inset 2px 2px 4px #94a3b826,inset -2px -2px 4px #fffc}.rec-detail-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.08em;margin-bottom:10px;font-size:.8rem;font-weight:700}.rec-detail-content{font-size:.95rem;line-height:1.6}.rec-detail-content.action-highlight{color:var(--success);font-weight:700}.tab-panel{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeIn}.generator-container{flex-direction:column;gap:20px;display:flex}.faq-subtabs{border-bottom:1px solid #ffffff0f;gap:8px;padding-bottom:12px;display:flex}.faq-subtab-btn{color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 12px;font-size:.9rem;font-weight:600;transition:all .2s}.faq-subtab-btn:hover{color:var(--text-primary)}.faq-subtab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.code-block-wrapper{background:var(--bg-darker);box-shadow:var(--clay-shadow-outer), var(--clay-shadow-inner-white), var(--clay-shadow-inner-dark);border:none;border-radius:20px;position:relative;overflow:hidden}.code-header{background:var(--card-bg);border-bottom:1px solid var(--border-color);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:12px 20px;font-family:monospace;font-size:.85rem;display:flex}.btn-copy{background:var(--primary);color:#fff;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:800;transition:all .25s cubic-bezier(.175,.885,.32,1.15);display:flex;box-shadow:0 6px 12px #3b82f633,inset 2px 2px 4px #fff6,inset -2px -2px 4px #00000026}.btn-copy:hover{transform:translateY(-1px);box-shadow:0 10px 18px #3b82f64d,inset 3px 3px 6px #ffffff80,inset -3px -3px 6px #0003}.btn-copy:active{transform:translateY(1px);box-shadow:0 4px 8px #3b82f626,inset 1px 1px 3px #ffffff4d,inset -1px -1px 3px #00000040}.code-body{color:var(--text-primary);white-space:pre-wrap;max-height:400px;margin:0;padding:24px;font-family:Courier New,Courier,monospace;font-size:.88rem;line-height:1.6;overflow-x:auto}.accordion-demo{flex-direction:column;gap:14px;display:flex}.accordion-demo-item{background:var(--card-bg);box-shadow:var(--clay-shadow-outer), var(--clay-shadow-inner-white), var(--clay-shadow-inner-dark);border:none;border-radius:16px;margin-bottom:12px;transition:all .25s cubic-bezier(.175,.885,.32,1.15);overflow:hidden}.accordion-demo-item:hover{transform:translateY(-1px);box-shadow:0 10px 20px #94a3b826,inset 4px 4px 8px #fffffff2,inset -4px -4px 8px #94a3b81a}.accordion-demo-q{cursor:pointer;color:var(--text-primary);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:18px 24px;font-size:1rem;font-weight:700;transition:color .15s;display:flex}.accordion-demo-q:hover{color:var(--primary)}.accordion-demo-a{color:var(--text-secondary);border-top:1px solid var(--border-color);padding:0 24px 20px;font-size:.95rem;line-height:1.6;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideDown;display:none}.accordion-demo-item.open{background:var(--bg-darker);box-shadow:0 12px 24px #3b82f61a,inset 4px 4px 8px #ffffffe6,inset -4px -4px 8px #3b82f60a}.accordion-demo-item.open .accordion-demo-a{padding-top:16px;display:block}.summary-highlight-box{background:var(--card-bg);box-shadow:var(--clay-shadow-outer), var(--clay-shadow-inner-white), var(--clay-shadow-inner-dark);border-radius:24px;gap:24px;margin-top:30px;padding:32px;display:flex}.summary-icon{background:var(--primary);color:#fff;border:none;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.6rem;display:flex;box-shadow:0 6px 12px #3b82f633,inset 2px 2px 4px #fff6,inset -2px -2px 4px #00000026}.summary-text-group h3{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:8px;font-size:1.25rem;font-weight:700}.summary-text-group p{color:var(--text-secondary);font-size:.98rem;line-height:1.65}.footer-text{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-color);margin-top:80px;padding-top:30px;font-size:.9rem}.cwv-spinner{border:3px solid #ffffff1a;border-top-color:var(--cyan);border-radius:50%;width:32px;height:32px;animation:1s linear infinite cwv-spin;display:inline-block}@keyframes cwv-spin{to{transform:rotate(360deg)}}.print-report-container{display:none}@media print{body{color:#000!important;background:#fff!important}.relative.min-h-screen>:not(.print-report-container),.sticky-header,.bg-glow-container,footer,header,nav{display:none!important}.print-report-container{color:#000!important;background:#fff!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;display:block!important}.print-page-break{page-break-after:always;break-after:page}}@media (max-width:1200px){.mockup-card{padding:24px 20px}}.tab-panel{box-sizing:border-box;width:100%;min-width:0;overflow-x:hidden}.tab-panel .glass-card{max-width:100%}.ai-output-box,.ai-output-text{word-break:break-word;overflow-wrap:break-word;min-width:0}.sticky-header-content{flex-wrap:wrap}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}