.arch-section{position:relative;max-width:1320px;margin:0 auto;padding:60px 16px;width:100%;min-width:0}@media(min-width:768px){.arch-section{padding:70px 24px}}@media(min-width:1024px){.arch-section{padding:80px 36px}}.arch-section .flow-canvas-wrapper{width:100%;height:380px;border-radius:28px;background:#06080d;border:1px solid rgba(0,245,212,.25);box-shadow:0 25px 60px -15px rgba(0,0,0,.9),0 0 35px -10px rgba(0,245,212,.2);overflow:hidden;margin-bottom:40px;position:relative}@media(min-width:768px){.arch-section .flow-canvas-wrapper{height:500px;margin-bottom:56px}}@media(min-width:1024px){.arch-section .flow-canvas-wrapper{height:620px}}.arch-section .flow-canvas-wrapper .flow-hint-badge{position:absolute;top:10px;right:10px;z-index:10;font-size:.68rem;font-family:JetBrains Mono,monospace;padding:4px 10px;border-radius:9999px;background:rgba(13,18,28,.9);border:1px solid hsla(0,0%,100%,.12);color:#00f5d4;pointer-events:none;box-shadow:0 4px 15px rgba(0,0,0,.6);max-width:calc(100% - 20px)}@media(min-width:768px){.arch-section .flow-canvas-wrapper .flow-hint-badge{top:18px;right:18px;font-size:.75rem;padding:6px 14px}}.arch-section .flow-canvas-wrapper .react-flow__controls{border-radius:12px;background:rgba(11,15,25,.95)!important;border:1px solid rgba(0,245,212,.3)!important;box-shadow:0 10px 30px rgba(0,0,0,.8),0 0 15px -4px rgba(0,245,212,.25)!important;overflow:hidden;padding:3px;margin:10px}@media(min-width:768px){.arch-section .flow-canvas-wrapper .react-flow__controls{margin:18px}}.arch-section .flow-canvas-wrapper .react-flow__controls .react-flow__controls-button{background:transparent!important;border:none!important;border-bottom:1px solid hsla(0,0%,100%,.08)!important;color:#94a3b8!important;width:30px!important;height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;border-radius:6px!important;margin-bottom:2px!important;transition:all .15s ease!important}.arch-section .flow-canvas-wrapper .react-flow__controls .react-flow__controls-button:last-child{border-bottom:none!important;margin-bottom:0!important}.arch-section .flow-canvas-wrapper .react-flow__controls .react-flow__controls-button svg{fill:#94a3b8!important;stroke:#94a3b8!important;width:14px!important;height:14px!important;transition:all .15s ease!important}.arch-section .flow-canvas-wrapper .react-flow__controls .react-flow__controls-button:hover{background:rgba(0,245,212,.15)!important}.arch-section .flow-canvas-wrapper .react-flow__controls .react-flow__controls-button:hover svg{fill:#00f5d4!important;stroke:#00f5d4!important;filter:drop-shadow(0 0 6px rgba(0,245,212,.7))}.arch-section .arch-highlights-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;min-width:0}@media(max-width:900px){.arch-section .arch-highlights-row{grid-template-columns:minmax(0,1fr);gap:16px}}.arch-section .arch-highlights-row .highlight-box{padding:22px 18px;border-radius:20px;background:rgba(13,18,28,.8);border:1px solid rgba(0,245,212,.18);transition:all .25s cubic-bezier(.16,1,.3,1);min-width:0}@media(min-width:768px){.arch-section .arch-highlights-row .highlight-box{padding:30px 22px}}.arch-section .arch-highlights-row .highlight-box:hover{transform:translateY(-2px);border-color:rgba(0,245,212,.4);box-shadow:0 0 25px -4px rgba(0,245,212,.35)}.arch-section .arch-highlights-row .highlight-box .hl-icon{color:#00f5d4;margin-bottom:12px}.arch-section .arch-highlights-row .highlight-box .hl-title{font-size:1.15rem;font-weight:700;color:#fff;margin-bottom:8px}.arch-section .arch-highlights-row .highlight-box .hl-desc{font-size:.875rem;color:#94a3b8;line-height:1.6}.comp-section{position:relative;padding:60px 16px;max-width:1320px;margin:0 auto;width:100%;min-width:0}@media(min-width:768px){.comp-section{padding:70px 24px}}@media(min-width:1024px){.comp-section{padding:80px 36px}}.comp-section .comp-table-wrapper{border-radius:28px;background:rgba(13,18,28,.7);border:1px solid hsla(0,0%,100%,.08);overflow:hidden;box-shadow:0 4px 20px -2px rgba(0,0,0,.5);width:100%;min-width:0}.comp-section .comp-table-wrapper .overflow-x-auto{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.comp-section .comp-table-wrapper table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}.comp-section .comp-table-wrapper table th{padding:10px 14px;background:rgba(7,9,14,.85);color:#64748b;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid hsla(0,0%,100%,.08);white-space:nowrap}@media(min-width:768px){.comp-section .comp-table-wrapper table th{padding:14px 24px;font-size:.78rem}}@media(min-width:1024px){.comp-section .comp-table-wrapper table th{padding:18px 36px;font-size:.8125rem}}.comp-section .comp-table-wrapper table th.th-sm{color:#00f5d4;background:rgba(0,245,212,.08);border-left:1px solid rgba(0,245,212,.2);border-right:1px solid rgba(0,245,212,.2)}.comp-section .comp-table-wrapper table td{padding:10px 14px;border-bottom:1px solid hsla(0,0%,100%,.04);color:#94a3b8;font-size:.8125rem}@media(min-width:768px){.comp-section .comp-table-wrapper table td{padding:14px 24px;font-size:.85rem}}@media(min-width:1024px){.comp-section .comp-table-wrapper table td{padding:16px 36px;font-size:.875rem}}.comp-section .comp-table-wrapper table td.td-sm{color:#fff;font-weight:600;background:rgba(0,245,212,.04);border-left:1px solid rgba(0,245,212,.2);border-right:1px solid rgba(0,245,212,.2)}.comp-section .comp-table-wrapper table tr.highlight td{background:hsla(0,0%,100%,.02)}.faq-section{position:relative;padding:60px 16px;max-width:960px;margin:0 auto;width:100%;min-width:0}@media(min-width:768px){.faq-section{padding:70px 24px}}@media(min-width:1024px){.faq-section{padding:80px 36px}}.faq-section .faq-list{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0}@media(min-width:768px){.faq-section .faq-list{gap:16px}}.faq-section .faq-card{border-radius:20px;background:rgba(13,18,28,.7);border:1px solid hsla(0,0%,100%,.08);transition:all .25s cubic-bezier(.16,1,.3,1);overflow:hidden;width:100%;min-width:0}.faq-section .faq-card:hover{border-color:rgba(0,245,212,.3)}.faq-section .faq-card.open{border-color:rgba(0,245,212,.4);background:rgba(19,25,38,.85)}.faq-section .faq-card.open .faq-question-btn{color:#00f5d4}.faq-section .faq-card .faq-question-btn{width:100%;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:transparent;border:none;cursor:pointer;text-align:left;font-size:.95rem;font-weight:700;color:#fff;transition:color .15s ease}@media(min-width:768px){.faq-section .faq-card .faq-question-btn{padding:18px 24px;font-size:1rem;gap:16px}}@media(min-width:1024px){.faq-section .faq-card .faq-question-btn{padding:22px 36px;font-size:1.05rem}}.faq-section .faq-card .faq-question-btn .icon-arrow{color:#00f5d4;transition:transform .25s cubic-bezier(.16,1,.3,1);flex-shrink:0}.faq-section .faq-card .faq-question-btn.open .icon-arrow{transform:rotate(180deg)}.faq-section .faq-card .faq-answer-body{padding:0 16px 18px;font-size:.875rem;color:#94a3b8;line-height:1.6}@media(min-width:768px){.faq-section .faq-card .faq-answer-body{padding:0 24px 22px;font-size:.925rem}}@media(min-width:1024px){.faq-section .faq-card .faq-answer-body{padding:0 36px 24px;font-size:.95rem}}