.features-section{position:relative;z-index:22;padding:clamp(6rem,8vw,7.5rem) 2rem;-webkit-user-select:none;user-select:none}.features-container{max-width:1000px;margin:0 auto}.features-header{margin-bottom:clamp(2.75rem,4vw,3.5rem);text-align:center}.features-title{display:inline-block;margin:0;font-family:Figtree,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:clamp(2.75rem,2.2rem + 1.45vw,3.45rem);font-weight:700;letter-spacing:-.015em;line-height:1.15;text-align:center;color:#fff;background:linear-gradient(175deg,#fff,#f0f6ff,#dbeafe 70%,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 24px rgba(56,189,248,.18)) drop-shadow(0 8px 18px rgba(0,0,0,.6))}.features-subtitle{max-width:560px;margin:.85rem auto 0;color:#e0eaf8c7;font-size:clamp(.95rem,.9rem + .2vw,1.05rem);font-weight:400;line-height:1.62;letter-spacing:.02em;text-align:center}.bento-grid{display:grid;grid-template-columns:1fr;gap:1rem}.feature-card{--glow-x: 50%;--glow-y: 50%;--glow-intensity: 0;position:relative;display:flex;min-height:160px;flex-direction:column;align-items:flex-start;justify-content:flex-end;overflow:hidden;padding:1.5rem;text-decoration:none;-webkit-user-select:none;user-select:none;background:var(--bg-body);border:1px solid rgba(169,148,184,.2);border-radius:16px;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;will-change:transform}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;opacity:0;background:linear-gradient(90deg,transparent,rgba(163,148,184,.3),transparent);transition:opacity .3s ease}.feature-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;pointer-events:none;border-radius:inherit;background:radial-gradient(200px circle at var(--glow-x) var(--glow-y),rgba(132,0,255,calc(var(--glow-intensity) * .8)) 0%,rgba(132,0,255,calc(var(--glow-intensity) * .4)) 30%,transparent 60%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:subtract;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;transition:opacity .3s ease}.feature-card:hover{background:var(--bg-card);box-shadow:0 4px 40px -15px #2e184e66}.feature-card:hover:before{opacity:1}.feature-card h2{position:relative;z-index:10;margin:0;font-size:3.2rem;font-weight:800;line-height:1;background:var(--gradient-title);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease-in-out infinite}.feature-card h3{position:relative;z-index:10;margin:.25rem 0;color:#fff;font-size:1rem;font-weight:600;letter-spacing:-.01em}.feature-card p{position:relative;z-index:10;margin:0;color:#a194b8e6;font-size:.85rem;line-height:1.3}@media (max-width: 768px){.features-header{margin-bottom:2.75rem}.features-title{font-size:2.35rem;letter-spacing:-.015em;line-height:1.12}.features-subtitle{padding:0 1rem;font-size:1rem}}@media (max-width: 480px){.features-section{margin-top:2rem;padding:0 1rem;transform:translateY(0)}.features-title{font-size:2rem;line-height:1.14}.features-subtitle{font-size:.95rem}.feature-card{min-height:140px;padding:1.25rem;border-radius:12px}.feature-card h2{font-size:2.8rem}.feature-card h3{font-size:.95rem}.feature-card p{font-size:.8rem}}@media (min-width: 480px){.bento-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.card1,.card2{grid-column:span 2}.feature-card h2{font-size:3.6rem}}@media (min-width: 800px){.features-section{transform:translateY(-4rem)}.bento-grid{grid-template-columns:repeat(6,1fr);gap:1.25rem}.card2{grid-column:1 / 5;grid-row:1 / 2}.card5{grid-column:5 / 7;grid-row:1 / 3}.card4{grid-column:1 / 3;grid-row:2 / 3}.card1{grid-column:3 / 5;grid-row:2 / 3}.feature-card{min-height:180px;padding:1.75rem}.card5{min-height:100%;justify-content:center;align-items:flex-start}.feature-card h2{font-size:3.85rem}.feature-card h3{font-size:1.1rem}.feature-card p{font-size:.9rem}}@media (min-width: 1024px){.feature-card{min-height:200px;padding:2rem}.feature-card h2{font-size:3.9rem}.feature-card h3{font-size:1.2rem}.feature-card p{font-size:.95rem}}@media (max-width: 1024px){.features-section{margin-top:4rem;transform:translateY(0)}}.landing-footer{position:relative;z-index:100;margin-top:4rem;padding:2.4rem;background:linear-gradient(to bottom,transparent,rgba(6,0,16,.8));border-top:1px solid rgba(148,163,184,.1)}.footer-content{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;max-width:1200px;margin:0 auto}.footer-left{display:flex;flex-shrink:0;flex-direction:column;align-items:flex-start;gap:.5rem;text-align:left}.footer-logo-wrap{margin-bottom:.5rem;opacity:.9;transition:opacity .2s ease}.footer-logo-wrap:hover{opacity:1}.footer-logo-wrap .brand-wordmark__text{font-size:1.4rem}.footer-description{display:flex;align-items:center;gap:.35rem;margin:0;color:#a194b8e6;font-size:1rem;font-weight:400}.footer-heart{color:#8b5fff;font-size:1em;line-height:1}.footer-copyright{margin:0;color:#a194b8b3;font-size:.85rem;font-weight:400}@media (max-width: 768px){.landing-footer{margin-top:6rem;padding:3rem 1.5rem 1.5rem}.footer-content{flex-direction:column;align-items:center;gap:2rem;text-align:center}.footer-left{align-items:center;text-align:center}}@media (max-width: 480px){.landing-footer{margin-top:4rem;padding:2rem 1rem 1rem}.footer-content{gap:1.5rem}.footer-description{font-size:.8rem}.footer-copyright{font-size:.75rem}}.start-building-section{width:100%;padding:clamp(6rem,8vw,7.5rem) 0;background:transparent;position:relative;z-index:22}.start-building-container{max-width:1200px;margin:0 auto;padding:0 20px}.start-building-card{width:100%;max-width:1200px;-webkit-user-select:none;user-select:none;margin:0 auto;background:linear-gradient(180deg,#140d26f0,#0a0616f7);border:1px solid rgba(198,164,255,.22);border-radius:48px;padding:3.6rem 3rem;box-shadow:inset 0 1px #ffffff29,0 28px 72px -16px #7c3aed61,0 12px 36px -8px #2563eb38;position:relative;overflow:hidden;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.35rem;--start-building-shift: 2.75rem;transform:translateY(calc(-1 * var(--start-building-shift)));margin-bottom:calc(-1 * var(--start-building-shift));transition:border-color .4s ease,box-shadow .4s ease}.start-building-card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:radial-gradient(ellipse 65% 55% at 50% -10%,rgba(147,51,234,.45) 0%,transparent 70%),radial-gradient(circle 380px at 18% 100%,rgba(56,189,248,.25) 0%,transparent 60%),radial-gradient(circle 380px at 82% 100%,rgba(168,85,247,.28) 0%,transparent 60%);opacity:.9;pointer-events:none;z-index:1;animation:cosmicAuroraPulse 9s ease-in-out infinite alternate}.start-building-card:after{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);pointer-events:none;z-index:2}@keyframes cosmicAuroraPulse{0%{opacity:.75;transform:scale(1)}to{opacity:1;transform:scale(1.02)}}.cosmic-card-canvas{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;border-radius:inherit}.start-building-card>*{position:relative;z-index:5}.start-building-title{margin:0;font-family:Figtree,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:clamp(2.75rem,2.2rem + 1.45vw,3.45rem);font-weight:700;line-height:1.15;letter-spacing:-.015em;color:#fff;background:linear-gradient(175deg,#fff,#f0f6ff,#dbeafe 70%,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 28px rgba(168,85,247,.35)) drop-shadow(0 4px 12px rgba(0,0,0,.7))}.start-building-button{display:inline-flex;align-items:center;justify-content:center;width:clamp(12.5rem,18vw,15rem);max-width:100%;padding:.72rem 1.6rem;font-family:Figtree,-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;font-size:1.05rem;font-weight:600;letter-spacing:.02em;text-align:center;border-radius:999px;color:#0d071d;background:linear-gradient(180deg,#fff,#edf2f9);border:1px solid rgba(255,255,255,.85);box-shadow:0 0 0 1px #ffffff1f,0 8px 24px -4px #a855f766,0 2px 8px #00000040,inset 0 1px #ffffffe6;cursor:pointer;position:relative;overflow:hidden;transition:all .35s cubic-bezier(.16,1,.3,1)}.start-building-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 0 1px #ffffff40,0 12px 32px -4px #c084fc8c,0 0 32px #38bdf84d,inset 0 1px #fff;color:#070312}.contact-qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:3rem;width:100%;margin-top:1.2rem;padding:0 .5rem}.contact-qr-card{display:flex;flex-direction:column;align-items:center;gap:.9rem;width:100%;max-width:320px;margin:0 auto;background:transparent;border:none;padding:0;box-shadow:none;transition:transform .35s cubic-bezier(.16,1,.3,1)}.contact-qr-card:hover{transform:translateY(-4px)}.contact-qr-image{width:100%;aspect-ratio:1 / 1;height:auto;padding:1rem;background:#fffffffa;border-radius:28px;box-shadow:0 16px 48px -12px #000000a6,0 0 0 1px #ffffff14;object-fit:contain;display:block;transition:box-shadow .35s ease}.contact-qr-card:hover .contact-qr-image{box-shadow:0 22px 56px -12px #000000bf,0 0 32px #a855f740}.contact-qr-caption{color:#f0f4ffd1;font-family:Figtree,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:.92rem;font-weight:500;letter-spacing:.06em;text-align:center;transition:color .3s ease}.contact-qr-card:hover .contact-qr-caption{color:#fff}@media (max-width: 1280px){.start-building-container{max-width:1000px;padding:0 30px}.start-building-card{--start-building-shift: 2.5rem;padding:2.8rem 2.2rem}.contact-qr-grid{gap:2rem;margin-top:1.1rem;padding:0}.contact-qr-card{max-width:290px}}@media (max-width: 768px){.start-building-section{padding:clamp(5.5rem,9vw,6.5rem) 0}.start-building-container{padding:0 20px}.start-building-card{--start-building-shift: 1.5rem;padding:2.75rem 1.75rem;border-radius:36px;gap:1.1rem}.start-building-title{font-size:2.35rem;letter-spacing:-.015em;line-height:1.12}.start-building-button{width:12rem;max-width:100%;padding:.72rem 1.4rem;font-size:1rem}.contact-qr-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:.9rem}.contact-qr-card{max-width:300px}}@media (max-width: 480px){.start-building-section{padding:5rem 0}.start-building-container{padding:0 16px}.start-building-card{--start-building-shift: .9rem;padding:2.25rem 1.25rem;border-radius:28px;gap:.95rem}.start-building-title{font-size:1.95rem;letter-spacing:-.015em;line-height:1.15}.start-building-button{width:10.5rem;max-width:100%;padding:.65rem 1.2rem;font-size:.95rem}.contact-qr-grid{gap:1.1rem;margin-top:.7rem}.contact-qr-card{max-width:270px}.contact-qr-image{padding:.8rem;border-radius:22px}.contact-qr-caption{font-size:.85rem}}.testimonials-section{width:100%;padding:clamp(6rem,8vw,7.5rem) 0;background:transparent;overflow:hidden}.testimonials-container{max-width:1400px;margin:0 auto;padding:0 20px}.testimonials-header{text-align:center;margin-bottom:clamp(2.75rem,4.5vw,3.5rem);opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.testimonials-header.visible{opacity:1;transform:translateY(0)}.testimonials-title{display:inline-block;margin:0;font-family:Figtree,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:clamp(2.75rem,2.2rem + 1.45vw,3.45rem);font-weight:700;letter-spacing:-.015em;line-height:1.15;text-align:center;color:#fff;background:linear-gradient(175deg,#fff,#f0f6ff,#dbeafe 70%,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 24px rgba(56,189,248,.18)) drop-shadow(0 8px 18px rgba(0,0,0,.6))}.testimonials-marquee-container{position:relative;width:100%;max-width:1200px;margin:0 auto;overflow:hidden}.testimonials-marquee-container:before,.testimonials-marquee-container:after{content:"";position:absolute;top:0;bottom:0;width:200px;z-index:10;pointer-events:none}.testimonials-marquee-container:before{left:0;background:linear-gradient(to right,var(--bg-body),transparent)}.testimonials-marquee-container:after{right:0;background:linear-gradient(to left,var(--bg-body),transparent)}.testimonial-row{--testimonial-marquee-gap: 20px;width:100%;overflow:visible;margin-bottom:20px;padding:2px 0}.testimonial-row:last-child{margin-bottom:0}.testimonial-track-viewport{overflow:hidden}.testimonial-track{display:flex;width:max-content;gap:var(--testimonial-marquee-gap);transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000px;contain:layout style;will-change:transform;animation-name:testimonials-marquee;animation-duration:var(--testimonial-marquee-duration, 18s);animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:running}.testimonial-row:hover .testimonial-track{animation-play-state:paused}.testimonial-track--right{animation-direction:reverse}.testimonial-track-group{display:flex;flex-shrink:0;gap:var(--testimonial-marquee-gap)}@keyframes testimonials-marquee{0%{transform:translateZ(0)}to{transform:translate3d(calc(-1 * var(--testimonial-marquee-distance, 0px)),0,0)}}.testimonial-card{display:flex;flex-shrink:0;flex-direction:column;gap:14px;width:392px;padding:24px;color:inherit;text-decoration:none;cursor:default;background:#060010e6;border:1px solid rgba(255,255,255,.06);border-radius:16px;transition:background-color .2s ease,border-color .2s ease}.testimonial-card:hover,.testimonial-card:focus-visible{background:#ffffff0a;border-color:#ffffff1f;outline:none}.testimonial-text{flex-grow:1;margin:0;color:#fffffff0;font-size:1rem;line-height:1.76;letter-spacing:.01em}.testimonial-author{display:flex;align-items:center}.testimonial-handle{color:#fff9;font-size:.84rem;font-weight:500;letter-spacing:0}@media (max-width: 1280px){.testimonial-card{width:340px}}@media (max-width: 1024px){.testimonial-card{width:300px;padding:20px}.testimonial-text{font-size:.96rem;line-height:1.7}.testimonial-handle{font-size:.88rem}.testimonials-title{font-size:2.35rem;line-height:1.12}}@media (max-width: 768px){.testimonials-section{padding:clamp(5.5rem,9vw,6.5rem) 0}.testimonials-header{margin-bottom:2.75rem}.testimonials-title{font-size:2.35rem;line-height:1.12}.testimonials-marquee-container:before,.testimonials-marquee-container:after{width:80px}.testimonial-card{width:272px;padding:18px;gap:12px}.testimonial-text{font-size:.92rem;line-height:1.68}.testimonial-handle{font-size:.86rem}.testimonial-row{margin-bottom:16px}}@media (max-width: 480px){.testimonials-container{padding:0 16px}.testimonials-marquee-container:before,.testimonials-marquee-container:after{width:50px}.testimonial-card{width:236px;padding:16px}.testimonials-title{font-size:2rem;line-height:1.14}.testimonial-text{font-size:.88rem;line-height:1.64}.testimonial-handle{font-size:.8rem}}.tools-showcase-section{position:relative;z-index:22;-webkit-user-select:none;user-select:none}.tools-showcase-section--embedded{--tools-section-min-height: auto;--tools-top-track: clamp(6.25rem, 12vh, 7.5rem);--tools-bottom-track: minmax(clamp(3rem, 6vh, 4.5rem), 1fr);--tools-breathing-gap: clamp(2.75rem, 4.5vw, 3.5rem);min-height:var(--tools-section-min-height);padding-inline:clamp(1.25rem,4vw,2rem);scroll-margin-top:calc(var(--header-height) + 24px)}.tools-showcase-section--standalone{min-height:100svh;padding:calc(var(--header-height) + 96px) 2rem 96px}.tools-showcase-container{max-width:var(--page-content-max);margin:0 auto}.tools-showcase-section--embedded .tools-showcase-container{display:grid;grid-template-rows:var(--tools-top-track) auto var(--tools-breathing-gap) auto var(--tools-bottom-track);min-height:var(--tools-section-min-height)}.tools-showcase-spacer{width:100%;pointer-events:none}.tools-showcase-spacer--top{min-height:clamp(4rem,10vh,7.75rem)}.tools-showcase-spacer--gap{min-height:var(--tools-breathing-gap)}.tools-showcase-spacer--bottom{min-height:clamp(3rem,7vh,6rem)}.tools-showcase-header{text-align:center;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.16,1,.3,1)}.tools-showcase-section--standalone .tools-showcase-header{margin-bottom:clamp(2.75rem,4vw,3.5rem)}.tools-showcase-header.visible{opacity:1;transform:translateY(0)}.tools-showcase-title{display:inline-block;margin:0;font-family:Figtree,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:clamp(2.5rem,2rem + 1.3vw,3.25rem);font-weight:700;letter-spacing:-.015em;line-height:1.15;text-align:center;color:#fff;background:linear-gradient(175deg,#fff,#f0f6ff,#dbeafe 70%,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 24px rgba(56,189,248,.18)) drop-shadow(0 8px 18px rgba(0,0,0,.6))}.tools-showcase-subtitle{max-width:560px;margin:.65rem auto 0;padding:0 1rem;color:#ffffffa6;font-size:clamp(.92rem,.88rem + .18vw,1rem);font-weight:400;line-height:1.6;text-align:center}.tools-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,1.6vw,1.8rem)}.tools-showcase-section--embedded .tools-showcase-grid{align-self:stretch}.tool-showcase-card{position:relative;display:flex;min-height:clamp(25rem,30vw,28rem);flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;background:var(--bg-card, #11131a);box-shadow:inset 0 1px #ffffff14,0 16px 36px -18px #000000b3;padding:1.25rem;opacity:0;text-decoration:none;transform:translateY(24px);transition:all .35s cubic-bezier(.16,1,.3,1)}a.tool-showcase-card{cursor:pointer}.tool-showcase-card.visible{opacity:1;transform:translateY(0)}.tool-showcase-card:before{position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);content:"";opacity:0;transition:opacity .3s ease}.tool-showcase-card:hover{background:#151722;border-color:#6366f15c;box-shadow:inset 0 1px #ffffff1f,0 22px 50px -16px #000c,0 0 35px -8px #6366f12e;transform:translateY(-5px)}.tool-showcase-card:hover:before{opacity:1}.tool-card-mockup-wrapper{width:100%;height:148px;margin-bottom:1.15rem;border-radius:.85rem;overflow:hidden;background:#090a0f;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 2px 6px #0009;display:flex;flex-direction:column}.tool-mockup--terminal{height:100%;display:flex;flex-direction:column;background:#08090d}.mockup-terminal-head{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05)}.mockup-terminal-dots{display:flex;gap:.3rem}.mockup-dot{width:7px;height:7px;border-radius:50%}.mockup-dot--red{background:#ef4444;opacity:.8}.mockup-dot--yellow{background:#f59e0b;opacity:.8}.mockup-dot--green{background:#10b981;opacity:.8}.mockup-terminal-title{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;color:#ffffff73}.mockup-terminal-body{padding:.7rem .85rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.74rem;line-height:1.5;display:flex;flex-direction:column;gap:.35rem}.term-prompt{color:#818cf8}.term-path{color:#38bdf8}.term-dim{color:#ffffff80}.term-highlight{color:#f1f5f9;display:flex;align-items:center;gap:.35rem}.term-success{color:#34d399}.term-cursor{display:inline-block;width:5px;height:12px;background:#38bdf8;animation:cursorBlink 1s step-end infinite}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.tool-mockup--browser{height:100%;display:flex;flex-direction:column;background:#090a0f}.mockup-browser-head{display:flex;align-items:center;justify-content:space-between;padding:.45rem .75rem;background:#ffffff09;border-bottom:1px solid rgba(255,255,255,.05)}.mockup-browser-url-bar{display:flex;align-items:center;gap:.35rem;padding:.2rem .6rem;background:#ffffff0d;border-radius:4px;font-size:.68rem}.mockup-lock-icon{font-size:.62rem;opacity:.6}.mockup-url{color:#ffffffb3}.mockup-pill-badge{font-size:.64rem;padding:.15rem .5rem;border-radius:999px;background:#6366f126;color:#a5b4fc;border:1px solid rgba(99,102,241,.25);font-weight:600}.mockup-pill-badge--cyan{background:#38bdf81f;color:#38bdf8;border-color:#38bdf83d}.mockup-browser-body{padding:.8rem 1rem;display:flex;flex-direction:column;justify-content:space-between;height:100%}.mockup-browser-layout{display:flex;align-items:center;gap:.75rem}.mockup-skeleton-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6366f166,#38bdf840)}.mockup-skeleton-rows{flex:1;display:flex;flex-direction:column;gap:.3rem}.mockup-skeleton-row{height:6px;border-radius:3px;background:#ffffff17;width:80%}.mockup-skeleton-row--bold{height:8px;background:#ffffff38;width:50%}.mockup-skeleton-row--short{width:35%}.mockup-banner-chip{align-self:flex-start;font-size:.68rem;padding:.22rem .55rem;border-radius:4px;background:#34d3991a;color:#34d399;border:1px solid rgba(52,211,153,.2)}.tool-mockup--applet{height:100%;display:flex;flex-direction:column;background:#080a11;padding:.6rem .85rem}.mockup-applet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.mockup-applet-action{font-size:.68rem;color:#ffffff80}.mockup-applet-body{display:flex;align-items:center;gap:1.1rem;height:100%}.mockup-boba-cup{position:relative;width:44px;height:64px;display:flex;flex-direction:column;align-items:center}.mockup-boba-straw{position:absolute;top:-8px;right:14px;width:4px;height:20px;background:#fb7185;border-radius:2px;transform:rotate(12deg)}.mockup-boba-cup-inner{width:100%;height:100%;border-radius:6px 6px 12px 12px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff0a;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.mockup-boba-liquid{width:100%;height:70%;background:linear-gradient(180deg,#f59e0b,#d97706);opacity:.75;border-radius:0 0 10px 10px}.mockup-boba-pearls{position:absolute;bottom:4px;display:flex;gap:3px;left:50%;transform:translate(-50%)}.mockup-boba-pearls .pearl{width:6px;height:6px;border-radius:50%;background:#451a03}.mockup-applet-texts{display:flex;flex-direction:column;gap:.25rem}.mockup-applet-tag{font-size:.84rem;font-weight:600;color:#f1f5f9}.mockup-applet-sub{font-size:.72rem;color:#ffffff8c}.tool-card-content{position:relative;z-index:1;display:flex;flex:1 1 auto;flex-direction:column;justify-content:space-between;gap:.75rem}.tool-card-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.tool-card-status{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;color:#34d399}.tool-status-dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 6px #34d399cc}.tool-card-tag{font-size:.72rem;color:#ffffff80;letter-spacing:.01em}.tool-card-title{margin:0;color:#fff;font-size:clamp(1.15rem,1.05rem + .3vw,1.32rem);font-weight:600;letter-spacing:-.015em;line-height:1.3;display:flex;align-items:center;justify-content:space-between}.tool-card-arrow{font-size:1rem;color:#ffffff59;transition:transform .25s ease,color .25s ease}.tool-showcase-card:hover .tool-card-arrow{color:#38bdf8;transform:translate(2px,-2px)}.tool-card-description{margin:0;color:#cbd5e1c2;font-size:.88rem;font-weight:400;line-height:1.68;letter-spacing:.01em}.tool-card-footer-action{display:inline-flex;align-items:center;gap:.35rem;margin-top:auto;padding-top:.5rem;font-size:.8rem;font-weight:500;color:#818cf8;transition:color .2s ease}.tool-action-arrow{transition:transform .2s ease}.tool-showcase-card:hover .tool-card-footer-action{color:#a5b4fc}.tool-showcase-card:hover .tool-action-arrow{transform:translate(4px)}@media (max-width: 1024px){.tools-showcase-section--embedded{--tools-section-min-height: auto;--tools-top-track: clamp(4.75rem, 9vh, 6rem);--tools-bottom-track: minmax(clamp(3rem, 5vh, 4rem), .52fr);--tools-breathing-gap: clamp(2.75rem, 5vw, 3.5rem)}}@media (max-width: 900px){.tools-showcase-grid{grid-template-columns:1fr}.tool-showcase-card{min-height:auto}}@media (max-width: 768px){.tools-showcase-section--embedded{--tools-section-min-height: auto;--tools-mobile-section-padding: clamp(4.5rem, 7.6vw, 5.25rem);--tools-mobile-inline-padding: 20px;--tools-mobile-header-gap: 2rem;--tools-mobile-grid-gap: clamp(.9rem, 2.8vw, 1rem);--tools-mobile-card-padding: 1.3rem 1.25rem;--tools-mobile-card-gap: .7rem;--tools-mobile-description-size: .95rem;--tools-mobile-description-line-height: 1.72;padding:var(--tools-mobile-section-padding) 0}.tools-showcase-section--standalone{padding:calc(var(--header-height) + 80px) 1.5rem 80px}.tools-showcase-section--embedded .tools-showcase-container{display:block;min-height:0;padding:0 var(--tools-mobile-inline-padding)}.tools-showcase-section--embedded .tools-showcase-spacer{display:none}.tools-showcase-section--embedded .tools-showcase-header{margin-bottom:var(--tools-mobile-header-gap)}.tools-showcase-section--standalone .tools-showcase-header{margin-bottom:2.5rem}.tools-showcase-section--embedded .tools-showcase-grid{gap:var(--tools-mobile-grid-gap)}.tools-showcase-title{font-size:2.35rem;letter-spacing:-.015em;line-height:1.12}.tools-showcase-subtitle{font-size:1rem;line-height:1.58}.tools-showcase-section--embedded .tool-showcase-card{padding:var(--tools-mobile-card-padding)}.tools-showcase-section--embedded .tool-card-content{gap:var(--tools-mobile-card-gap)}.tool-card-title{max-width:none;font-size:1.12rem;line-height:1.32}.tools-showcase-section--embedded .tool-card-description{font-size:var(--tools-mobile-description-size);line-height:var(--tools-mobile-description-line-height)}}@media (max-width: 480px){.tools-showcase-section--embedded{--tools-mobile-section-padding: 4rem;--tools-mobile-inline-padding: 16px;--tools-mobile-header-gap: 1.6rem;--tools-mobile-grid-gap: .75rem;--tools-mobile-card-padding: 1.05rem 1rem;--tools-mobile-card-gap: .6rem;--tools-mobile-description-size: .92rem;--tools-mobile-description-line-height: 1.66}.tools-showcase-section--standalone{padding:calc(var(--header-height) + 72px) 1rem 72px}.tools-showcase-title{font-size:2rem;line-height:1.14}.tools-showcase-subtitle{padding:0;font-size:.95rem;line-height:1.56}.tool-card-title{font-size:1.05rem}}