/* generated from src/section-customize-tech.css — edit that file, not this one */
.customize-tech-section.customize-tech-section{--ctf-text: #f5f5f4;--ctf-muted: rgba(255, 255, 255, .55);--ctf-border: rgba(255, 255, 255, .1);--ctf-panel-stripe: #252529;position:relative;padding:var(--ctf-pad-top, 52px) 40px var(--ctf-pad-bottom, 52px)}.customize-tech-section .ctf-grid{position:absolute;inset:0;z-index:0;pointer-events:none;background-size:28px 28px}.customize-tech-section .ctf-grid--glow{background-image:radial-gradient(circle,rgba(255,255,255,var(--ctf-glow-grid-opacity)) 1px,transparent 1.6px);opacity:0;transition:opacity .5s ease}.customize-tech-section .ctf-container{position:relative;z-index:1;max-width:var(--ctf-max-width, 1100px);margin:0 auto}.customize-tech-section .ctf-header{text-align:center;margin-bottom:var(--ctf-heading-gap, 56px)}.customize-tech-section .ctf-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;font-family:var(--font-mono, monospace);font-size:11px;line-height:1;letter-spacing:.22em;text-transform:uppercase;color:var(--ctf-muted)}.customize-tech-section .ctf-dot{width:6px;height:6px;flex:0 0 6px;border-radius:99px;background:var(--ctf-accent, #0077ed);box-shadow:0 0 10px var(--ctf-accent, #0077ed)}.customize-tech-section .ctf-title{margin:0;font-family:var(--font-sans);font-size:clamp(34px,5vw,48px);line-height:1.02;letter-spacing:-.03em;font-weight:700;color:var(--text-on-dark, var(--ctf-text))}.customize-tech-section .ctf-list{display:flex;flex-direction:column;border-top:1px solid var(--ctf-border)}.customize-tech-section .ctf-item{border-bottom:1px solid var(--ctf-border)}.customize-tech-section .ctf-body-inner{display:grid;grid-template-columns:1fr;gap:40px;padding:30px 0;align-items:start}.customize-tech-section .ctf-specs{display:flex;flex-direction:column}.customize-tech-section .ctf-spec-row{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}.customize-tech-section .ctf-spec-label{font-family:var(--font-sans, -apple-system, "Helvetica Neue", Arial, sans-serif);font-size:13px;line-height:normal;color:#fff9}.customize-tech-section .ctf-spec-value{font-family:var(--font-jet-brains, ui-monospace, monospace);font-size:13px;line-height:normal;color:var(--text-on-dark, var(--ctf-text));text-align:right;font-weight:400}.customize-tech-section .ctf-spec-row--sat .ctf-spec-label{font-weight:500;color:#fff}.customize-tech-section .ctf-spec-value [data-sat-level]{transition:color .3s ease}.customize-tech-section .ctf-spec-value [data-sat-level].is-on{color:var(--ctf-accent, #0077ed)}.customize-tech-section .ctf-visual{position:relative;min-height:160px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:repeating-linear-gradient(135deg,var(--ctf-panel-bg),var(--ctf-panel-bg) 12px,var(--ink-600, var(--ctf-panel-stripe)) 12px,var(--ink-600, var(--ctf-panel-stripe)) 24px)}@media screen and (min-width: 761px){.customize-tech-section .ctf-body-inner{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:30px 0}.customize-tech-section .ctf-specs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:start;gap:0}.customize-tech-section .ctf-spec-row{min-width:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:6px;padding:0 24px;border-bottom:0}.customize-tech-section .ctf-spec-row+.ctf-spec-row{border-left:1px solid var(--ctf-border, rgba(255, 255, 255, .12))}.customize-tech-section .ctf-spec-row:first-child{padding-left:0}.customize-tech-section .ctf-spec-value{text-align:left}.customize-tech-section .ctf-visual{width:100%;height:340px;min-height:0}.customize-tech-section .tech-image-switch-img{object-position:50% var(--ctf-img-pos-y, 50%)}}.customize-tech-section .tech-image-switch{position:absolute;inset:0}.customize-tech-section .tech-image-switch-stack{position:absolute;inset:0;z-index:1}.customize-tech-section .tech-image-switch-img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease}.customize-tech-section .tech-image-switch-img.is-active{opacity:1}.customize-tech-section .tech-image-switch-ui{position:absolute;left:50%;bottom:14px;z-index:2;display:flex;align-items:center;transform:translate(-50%)}.customize-tech-section .tech-image-switch-control{position:relative;height:42px;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:center;padding:3px;border:1px solid rgba(255,255,255,.16);border-radius:99px;background:#0c0c0e8c;-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);box-sizing:border-box;box-shadow:#ffffff0f 0 1px inset,#0000002e 0 1px 24px}.customize-tech-section .tech-image-switch-thumb{position:absolute;top:3px;bottom:3px;left:0;width:0;border-radius:99px;background:var(--ctf-accent, #0077ed);opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.22,1,.36,1),width .3s cubic-bezier(.22,1,.36,1)}.customize-tech-section .tech-image-switch-thumb.is-ready{opacity:1}.customize-tech-section .tech-image-switch-btn{position:relative;z-index:1;padding:11px 18px;border:0;border-radius:99px;background-color:transparent;color:#ffffffb3;font-family:var(--font-sans, -apple-system, "Helvetica Neue", Arial, sans-serif);font-size:12px;line-height:1;font-weight:500;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .3s cubic-bezier(.22,1,.36,1)}.customize-tech-section .tech-image-switch-btn:not(.is-active):hover{color:#fffffff2}.customize-tech-section .tech-image-switch-btn.is-active{color:#fff}@media screen and (max-width: 760px){.customize-tech-section.customize-tech-section{padding-left:20px;padding-right:20px}.customize-tech-section .ctf-header{margin-bottom:18px}.customize-tech-section .ctf-dot{width:5px;height:5px;flex:0 0 5px}.customize-tech-section .ctf-title{max-width:100%;font-size:34px}.customize-tech-section .ctf-list{border-top-color:#ffffff1a}.customize-tech-section .ctf-body-inner{grid-template-columns:1fr;gap:14px;padding:0 0 20px}.customize-tech-section .ctf-spec-row{gap:12px;padding:8px 0}.customize-tech-section .ctf-spec-row:last-child{border-bottom:0}.customize-tech-section .ctf-spec-row--mobile-last{order:99;border-bottom:0}.customize-tech-section .ctf-specs:has(.ctf-spec-row--mobile-last) .ctf-spec-row:last-child:not(.ctf-spec-row--mobile-last){border-bottom:1px solid rgba(255,255,255,.08)}.customize-tech-section .ctf-spec-label{font-size:13px}.customize-tech-section .ctf-spec-value{font-size:12px}}