.features{z-index:1;background:var(--color-bg-canvas);padding:160px 0;position:relative}.features__inner{z-index:3;padding-bottom:var(--space-5xl);flex-direction:column;display:flex;position:relative}.features__header{justify-content:flex-start;display:flex}.features__text{text-align:left;max-width:700px}.features__title{font-family:var(--font-primary),sans-serif;font-size:var(--text-fluid-h2);font-weight:500;line-height:var(--leading-tight);color:var(--color-text-primary)}.features__highlight{color:var(--color-brand-low)}.features__description{margin-top:var(--space-md);font-family:var(--font-secondary),sans-serif;font-size:var(--text-fluid-body);line-height:var(--leading-normal);color:var(--color-text-secondary)}.features__blocks{width:100%;position:relative}.features__block-wrap{margin-bottom:var(--space-2xl);position:sticky;top:80px}.features__block-wrap:last-child{margin-bottom:0}.features__block-dim{opacity:0;pointer-events:none;z-index:2;border-radius:var(--radius-2xl);background:#02505099;position:absolute;inset:0}.features__block{align-items:flex-end;gap:var(--space-4xl);padding:var(--space-4xl);border-radius:var(--radius-2xl);background:var(--color-bg-feature-block);padding-bottom:0;padding-right:0;transition:box-shadow .3s;display:flex}.features__block:hover{box-shadow:0 0 20px #02777733,0 0 6px #0277771a}.features__block{overflow:hidden}.features__block-content{align-items:flex-start;gap:var(--space-md);flex-direction:column;flex:0 0 35%;align-self:center;padding-bottom:clamp(24px,4vw,80px);padding-left:clamp(24px,4vw,80px);display:flex}.features__block-index{font-family:var(--font-mono),monospace;font-size:var(--text-sm);color:var(--color-brand-low);letter-spacing:.1em;font-weight:500}.features__block-title{font-family:var(--font-primary),sans-serif;font-size:var(--text-fluid-h3);font-weight:500;line-height:var(--leading-snug);color:var(--color-text-primary)}.features__block-subtitle{font-family:var(--font-secondary),sans-serif;font-size:var(--text-fluid-body);line-height:var(--leading-normal);color:var(--color-text-secondary)}.features__block-image{flex:1;max-height:480px;overflow:hidden}.features__block-image img{object-fit:contain;object-position:bottom;width:100%;height:auto;max-height:480px;display:block}@media (max-width:1024px){.features__header{justify-content:flex-start}.features__text{text-align:left}.features__text .block-line-wrapper{margin:0}}@media (max-width:768px){.features__block{padding:var(--space-2xl);align-items:stretch;gap:var(--space-2xl);flex-direction:column;padding-bottom:0}.features__block-content{flex:none;align-self:flex-start;padding-bottom:0;padding-left:0}.features__block-image img{object-position:center bottom}}@media (prefers-reduced-motion:reduce){.features__block-dim{display:none}}
.approach{background:var(--color-bg-deep);padding:160px 0;position:relative;overflow:hidden}.approach__dots{background-image:radial-gradient(circle, var(--color-text-muted) 1px, transparent 1px);opacity:.15;pointer-events:none;background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 70%);mask-image:radial-gradient(#000 30%,#0000 70%)}.approach__inner{z-index:1;flex-direction:column;display:flex;position:relative}.approach__header{text-align:center;align-items:center;gap:var(--space-xl);max-width:700px;padding-bottom:var(--space-5xl);flex-direction:column;margin:0 auto;display:flex}.approach__header .block-line-wrapper{margin:0 auto}.approach__title{font-family:var(--font-primary),sans-serif;font-size:var(--text-fluid-h2);font-weight:500;line-height:var(--leading-tight);color:var(--color-text-primary)}.approach__description{font-family:var(--font-secondary),sans-serif;font-size:var(--text-fluid-body);line-height:var(--leading-normal);color:var(--color-text-secondary)}.approach__diagram{flex-direction:column;align-items:center;display:flex}.approach__hub{z-index:2;position:relative}.approach__chip{border-radius:var(--radius-xl);border:1px solid var(--color-brand-low);background:var(--color-bg-feature-block);justify-content:center;align-items:center;padding:20px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #02777726,0 0 6px #0277771a}.approach__chip:before{content:"";opacity:var(--card-bg-opacity,1);pointer-events:none;z-index:0;background:url(/home-moduls/DarkTheme.png) 50%/cover no-repeat;position:absolute;inset:0}.approach__chip img{z-index:1;position:relative}.approach__trunk{background:#02777733;width:1px;height:60px;position:relative;overflow:hidden}.approach__trunk-pulse{background:var(--color-brand-low);width:9px;height:9px;box-shadow:0 0 8px var(--color-brand-low);border-radius:50%;animation:3s ease-in-out infinite trunk-pulse;position:absolute;top:-10px;left:-4px}@keyframes trunk-pulse{0%{opacity:0;top:-10px}15%{opacity:.8}50%{opacity:.8;top:60px}65%{opacity:0}to{opacity:0;top:60px}}.approach__rail{background:#02777733;width:100%;height:1px}.approach__branches{gap:var(--space-md);grid-template-columns:repeat(5,1fr);width:100%;display:grid}.approach__branch{flex-direction:column;align-items:center;display:flex}.approach__connector{background:#02777733;width:1px;height:40px;position:relative;overflow:hidden}.approach__connector-pulse{background:var(--color-brand-low);width:9px;height:9px;box-shadow:0 0 8px var(--color-brand-low);border-radius:50%;animation:3s ease-in-out infinite connector-pulse;position:absolute;top:-10px;left:-4px}@keyframes connector-pulse{0%{opacity:0;top:-10px}15%{opacity:.8}50%{opacity:.8;top:40px}65%{opacity:0}to{opacity:0;top:40px}}.approach__block{width:100%;min-height:320px;padding:var(--space-xl);border-radius:var(--radius-xl);border:1px solid #02777726;border:1px solid color-mix(in srgb, var(--color-brand-low) 15%, transparent);background:var(--color-bg-feature-block);flex-direction:column;justify-content:space-between;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.approach__block:hover{border-color:#02777766;border-color:color-mix(in srgb, var(--color-brand-low) 40%, transparent);box-shadow:0 0 20px #02777726,0 0 6px #02777714}.approach__block-top{justify-content:space-between;align-items:flex-start;display:flex}.approach__block-index{font-family:var(--font-mono),monospace;font-size:var(--text-fluid-h3);color:var(--color-brand-low);letter-spacing:.05em;font-weight:500;line-height:1;display:block}.approach__block-icon{object-fit:contain;opacity:.6;pointer-events:none;width:250px;height:250px;transition:opacity .3s;position:absolute;top:-40px;right:-40px}.approach__block:hover .approach__block-icon{opacity:1}.approach__block-bottom{gap:var(--space-s);flex-direction:column;display:flex}.approach__block-title{font-family:var(--font-primary),sans-serif;font-size:var(--text-lg);font-weight:500;line-height:var(--leading-snug);color:var(--color-text-primary)}.approach__block-description{font-family:var(--font-secondary),sans-serif;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-secondary)}@media (max-width:1280px){.approach__branches{grid-template-columns:repeat(3,1fr);justify-items:center;max-width:900px;margin:0 auto}}@media (max-width:768px){.approach{padding:60px 0 80px}.approach__branches{grid-template-columns:repeat(2,1fr);max-width:600px}.approach__block{min-height:320px}}@media (max-width:540px){.approach__branches{grid-template-columns:1fr;max-width:400px}}@media (prefers-reduced-motion:reduce){.approach__trunk-pulse,.approach__connector-pulse{display:none}}
.faq{background:var(--color-bg-canvas);padding:160px 0}.faq__inner{gap:var(--space-5xl);align-items:flex-start;display:flex}.faq__left{gap:var(--space-xl);flex-direction:column;flex:0 0 35%;display:flex}.faq__title{font-family:var(--font-primary),sans-serif;font-size:var(--text-fluid-h2);font-weight:500;line-height:var(--leading-tight);color:var(--color-text-primary)}.faq__description{font-family:var(--font-secondary),sans-serif;font-size:var(--text-fluid-body);line-height:var(--leading-normal);color:var(--color-text-secondary)}.faq__right{flex-direction:column;flex:1;display:flex}.faq__item{border-bottom:1px solid #c4cbd44d;border-bottom:1px solid color-mix(in srgb, var(--color-border-idle) 30%, transparent)}.faq__item:first-child .faq__question{padding-top:0}.faq__question{justify-content:space-between;align-items:center;gap:var(--space-xl);width:100%;padding:var(--space-xl) 0;cursor:pointer;text-align:left;font-family:var(--font-primary),sans-serif;font-size:var(--text-xl);color:var(--color-text-primary);font-weight:500;line-height:var(--leading-snug);background:0 0;border:none;transition:color .2s;display:flex}.faq__question:hover,.faq__item.is-open .faq__question{color:var(--color-brand-low)}.faq__icon{flex-shrink:0;width:20px;height:20px;position:relative}.faq__icon:before{content:"";background:var(--color-brand-low);width:16px;height:2px;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.faq__icon:after{content:"";background:var(--color-brand-low);width:2px;height:16px;transition:transform .3s var(--ease-standard);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.faq__item.is-open .faq__icon:after{height:0}.faq__answer{max-height:0;transition:max-height .4s var(--ease-standard),padding .4s var(--ease-standard);overflow:hidden}.faq__answer p{font-family:var(--font-secondary),sans-serif;font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.faq__item.is-open .faq__answer{max-height:200px;padding-bottom:var(--space-xl)}@media (max-width:1024px){.faq__inner{gap:var(--space-4xl);flex-direction:column}.faq__left{flex:none;max-width:500px;position:static}}@media (max-width:768px){.faq{padding:80px 0}.faq__question{font-size:var(--text-lg)}}@media (prefers-reduced-motion:reduce){.faq__answer,.faq__icon:before,.faq__icon:after{transition:none}}
.count-badge{border-radius:var(--radius-full);background:var(--color-brand-low);min-width:24px;height:24px;font-family:var(--font-mono),monospace;color:var(--color-text-inverse);justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}[data-theme=dark] .count-badge{color:#0f172a}
.close-btn{border:1px solid #0277774d;border:1px solid color-mix(in srgb, var(--color-brand-low) 30%, transparent);background:var(--color-bg-feature-block);color:var(--color-text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:color .2s,border-color .2s,background .2s;display:flex}.close-btn:hover{color:var(--color-brand-low);border-color:var(--color-brand-low)}.close-btn--sm{width:20px;height:20px}.close-btn--sm svg{width:10px;height:10px}.close-btn--md{width:28px;height:28px}.close-btn--md svg{width:14px;height:14px}
.tech-stack{background:var(--color-bg-deep);height:800px;position:relative;overflow:hidden}.tech-stack__dots{background-image:radial-gradient(circle, var(--color-text-muted) 1.2px, transparent 1.2px);opacity:.25;pointer-events:none;background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 40%,#0000 75%);mask-image:radial-gradient(#000 40%,#0000 75%)}.tech-stack__arena{z-index:1;position:absolute;inset:0}.tech-stack__content{z-index:2;text-align:center;align-items:center;gap:var(--space-xl);pointer-events:none;flex-direction:column;max-width:900px;margin:0 auto;padding-top:120px;display:flex;position:relative}.tech-stack__content .block-line-wrapper{margin:0 auto}.tech-stack__title{font-family:var(--font-primary),sans-serif;font-size:var(--text-fluid-h2);font-weight:500;line-height:var(--leading-tight);color:var(--color-text-primary)}.tech-stack__highlight{color:var(--color-brand-low)}.tech-stack__description{font-family:var(--font-secondary),sans-serif;font-size:var(--text-fluid-body);line-height:var(--leading-normal);color:var(--color-text-secondary)}.tech-stack__actions{align-items:center;gap:var(--space-xl);margin-top:var(--space-md);pointer-events:auto;display:flex}.tech-stack__object{border-radius:var(--radius-lg);border:1px solid #02777740;border:1px solid color-mix(in srgb, var(--color-brand-low) 25%, transparent);background:var(--color-bg-feature-block);cursor:grab;-webkit-user-select:none;user-select:none;z-index:2;justify-content:center;align-items:center;width:clamp(55px,8vw,110px);height:clamp(55px,8vw,110px);transition:border-color .2s,box-shadow .2s;display:flex;position:absolute;top:-150px;left:50%}.tech-stack__object:active{cursor:grabbing}.tech-stack__object:hover{border-color:var(--color-brand-low);box-shadow:0 0 10px #02777733,0 0 3px #0277771a}.tech-stack__object p{font-family:var(--font-mono),monospace;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.08em;text-align:center;white-space:nowrap;font-size:clamp(9px,1vw,14px);font-weight:500}.tech-stack__dock{margin-top:var(--space-2xl);pointer-events:auto;flex-direction:column;align-items:center;display:flex}.tech-stack__hub-chip{border-radius:var(--radius-lg);border:1px solid #02777733;border:1px solid color-mix(in srgb, var(--color-brand-low) 20%, transparent);background:var(--color-bg-feature-block);opacity:.4;justify-content:center;align-items:center;padding:16px 28px;transition:opacity .4s,border-color .4s,box-shadow .4s;display:flex}.tech-stack__dock.is-active .tech-stack__hub-chip{opacity:1;border-color:var(--color-brand-low);box-shadow:0 0 16px #0277774d,0 0 4px #02777726}.tech-stack__trunk{background:#02777726;width:1px;height:30px;position:relative;overflow:hidden}.tech-stack__dock.is-active .tech-stack__trunk{background:#0277774d}.tech-stack__trunk-pulse{background:var(--color-brand-low);width:7px;height:7px;box-shadow:0 0 6px var(--color-brand-low);border-radius:50%;animation:1.5s ease-in-out infinite trunk-down;position:absolute;top:-8px;left:-3px}@keyframes trunk-down{0%{opacity:0;top:-8px}15%{opacity:.8}50%{opacity:.8;top:30px}65%{opacity:0}to{opacity:0;top:30px}}.tech-stack__rail{width:calc(clamp(55px,8vw,110px)*3 + var(--space-2xl)*2);background:#02777726;height:1px}.tech-stack__dock.is-active .tech-stack__rail{background:#0277774d}.tech-stack__slots{justify-content:center;gap:var(--space-2xl);display:flex}.tech-stack__slot-col{flex-direction:column;align-items:center;display:flex}.tech-stack__slot-line{background:#02777726;width:1px;height:20px;position:relative;overflow:hidden}.tech-stack__dock.is-active .tech-stack__slot-line{background:#0277774d}.tech-stack__slot-pulse{background:var(--color-brand-low);width:7px;height:7px;box-shadow:0 0 6px var(--color-brand-low);border-radius:50%;animation:1.5s ease-in-out .4s infinite slot-down;position:absolute;top:-6px;left:-3px}@keyframes slot-down{0%{opacity:0;top:-6px}15%{opacity:.8}50%{opacity:.8;top:20px}65%{opacity:0}to{opacity:0;top:20px}}.tech-stack__slot{border-radius:var(--radius-lg);border:1px dashed #02777733;border:1px dashed color-mix(in srgb, var(--color-brand-low) 20%, transparent);justify-content:center;align-items:center;width:clamp(55px,8vw,110px);height:clamp(55px,8vw,110px);transition:border-color .3s,box-shadow .3s,background .3s;display:flex;position:relative}.tech-stack__slot.is-near{border-color:var(--color-brand-low);cursor:copy;border-style:dashed;box-shadow:0 0 20px #02777733}.tech-stack__slot.has-item{border-style:solid;border-color:var(--color-brand-low);background:#02777714;background:color-mix(in srgb, var(--color-brand-low) 8%, transparent);box-shadow:0 0 16px #0277774d,0 0 4px #02777726}.tech-stack__slot-label{font-family:var(--font-mono),monospace;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;text-align:center;word-break:break-word;padding:0 4px;font-size:clamp(8px,.9vw,11px);font-weight:500;line-height:1.3}.tech-stack__slot.has-item .tech-stack__slot-label{color:var(--color-brand-low)}.tech-stack__slot-close{position:absolute;top:-6px;left:-6px}.tech-stack__slot-count{position:absolute;top:-8px;right:-8px}@media (max-width:768px){.tech-stack{height:700px}.tech-stack__content{padding-top:80px}.tech-stack__actions{gap:var(--space-md);flex-direction:column}}@media (prefers-reduced-motion:reduce){.tech-stack__object{margin:4px;display:inline-flex;position:relative;top:auto;bottom:20px}.tech-stack__trunk-pulse,.tech-stack__slot-pulse{display:none}}