.features-section{z-index:2;background:0 0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;padding:4rem 5% 6rem;display:flex;position:relative;overflow:hidden}.f-header{text-align:center;z-index:10;margin-bottom:1.5rem;position:relative}.features-eyebrow{font-family:var(--font-sans);letter-spacing:.26em;text-transform:uppercase;color:var(--color-ink-60);opacity:1;white-space:nowrap;justify-content:center;align-items:center;gap:8px;margin-bottom:4px;font-size:10px;font-weight:400;display:inline-flex}.features-eyebrow-line{opacity:.5;background:currentColor;flex-shrink:0;width:22px;height:1px;display:inline-block}.f-header-main{font-family:var(--font-serif);color:var(--color-ink);margin-top:0;margin-bottom:.5rem;font-size:clamp(1.8rem,2.5vw,2.5rem);line-height:1.1}.f-header-italic{color:var(--color-brand);font-style:italic;font-weight:400}.f-header-desc{font-family:var(--font-sans);color:var(--color-ink-60);max-width:500px;margin:0 auto;font-size:.95rem;line-height:1.5}.features-grid{width:100%;max-width:1180px;min-height:450px;display:block;position:relative}.features-orbit{z-index:10;pointer-events:none;transition:opacity .3s,visibility linear;position:absolute;inset:0 0 72px}.f-callout{left:var(--orbit-x);top:var(--orbit-y);width:230px;color:inherit;font:inherit;appearance:none;cursor:pointer;pointer-events:auto;background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.f-callout-motion{width:100%;animation:featureBubbleFloat var(--float-duration,3.4s) ease-in-out var(--float-delay,0s) infinite;align-items:center;gap:1rem;display:flex}.f-callout.is-connector-active .f-callout-motion{animation-play-state:paused}.f-callout.is-connector-active .f-callout-photo-wrap{box-shadow:0 0 0 3px #1a4fa029,0 7px 18px #0f111724}.f-callout:focus-visible{outline-offset:5px;border-radius:999px;outline:2px solid #1a4fa073}.f-callout.side-left{text-align:right}.f-callout.side-left .f-callout-motion{flex-direction:row-reverse}.f-callout.side-right{text-align:left}@keyframes featureBubbleFloat{0%,to{transform:translate(0,0)}50%{transform:translate3d(0, var(--float-y,-6px), 0)}}.f-callout-photo-wrap{background:#fff;border-radius:50%;flex-shrink:0;width:60px;height:60px;padding:3px;position:relative;box-shadow:0 4px 12px #00000014}.f-callout-photo{background-position:50%;background-size:cover;border-radius:50%;width:100%;height:100%}.f-callout-badge{background:var(--color-brand);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 6px #0003}.f-callout.side-left .f-callout-badge{left:-5px;right:auto}.f-callout-text h3{font-family:var(--font-sans);color:var(--color-ink);margin:0 0 4px;font-size:1rem}.f-callout-text p{font-family:var(--font-sans);color:var(--color-ink-60);margin:0;font-size:.85rem;line-height:1.4}.f-col-center{--site-plan-offset-y:clamp(-36px, -2.5vw, -18px);--viewer-scale:1.14;--viewer-offset-y:clamp(-34px, -2.4vw, -20px);z-index:5;flex-direction:column;align-items:center;width:min(52vw,600px);margin:0 auto;display:flex;position:relative}.viewer-wrapper{aspect-ratio:16/11;width:100%;transform:translateY(var(--viewer-offset-y)) scale(var(--viewer-scale));transform-origin:50%;pointer-events:none;position:relative}.viewer-image{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.image-2d{top:var(--site-plan-offset-y);opacity:0;bottom:auto}.site-plan-magnifier-surface{--magnifier-size:clamp(118px, 12vw, 154px);top:calc(50% + var(--site-plan-offset-y));z-index:12;aspect-ratio:689/355;opacity:0;visibility:hidden;pointer-events:none;cursor:zoom-in;touch-action:none;width:100%;transition:opacity .18s,visibility 0s linear .18s;position:absolute;left:0;translate:0 -50%}.features-grid.is-site-plan .viewer-wrapper{pointer-events:auto}.features-grid.is-site-plan .site-plan-magnifier-surface{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.features-grid.is-site-plan .site-plan-magnifier-surface.is-switching{opacity:0;visibility:hidden;pointer-events:none}.site-plan-magnifier-lens{width:var(--magnifier-size);height:var(--magnifier-size);z-index:2;opacity:0;pointer-events:none;will-change:left, top, background-position;background-color:#f4f8fdf5;background-image:url(/images/trong-2d-layout-691.webp);background-repeat:no-repeat;border:2px solid #ffffffe6;border-radius:50%;transition:opacity .16s,transform .22s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.82);box-shadow:0 16px 38px #162e483d,0 0 0 1px #1a4fa038,inset 0 1px #fffffff2}.site-plan-magnifier-lens:before{content:"";background:linear-gradient(145deg,#fffc,#0000 72%);border-radius:50%;width:34%;height:22%;position:absolute;inset:8px 14px auto auto;transform:rotate(28deg)}.site-plan-magnifier-lens:after{content:"";background:linear-gradient(90deg, #214f87, var(--color-brand));transform-origin:0;border:2px solid #ffffffe6;border-left:0;border-radius:0 999px 999px 0;width:42px;height:11px;position:absolute;bottom:-17px;right:-29px;transform:rotate(45deg);box-shadow:0 7px 14px #162e4833}.site-plan-magnifier-surface.is-active .site-plan-magnifier-lens{opacity:1;transform:translate(-50%,-50%)scale(1)}.site-plan-magnifier-hint{-webkit-backdrop-filter:blur(8px);color:var(--color-ink-60);font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:1;pointer-events:none;background:#ffffffd6;border:1px solid #1a4fa024;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:10px;font-weight:600;line-height:1;transition:opacity .16s,transform .16s;display:inline-flex;position:absolute;bottom:8px;left:50%;translate:-50%;box-shadow:0 6px 18px #0f111714}.site-plan-magnifier-surface.is-active .site-plan-magnifier-hint{opacity:0;transform:translateY(4px)}.magnifier-hint-touch{display:none}.target-dots{pointer-events:none;position:absolute;inset:0}.target-dot{width:0;height:0;position:absolute}.connectors-overlay{pointer-events:none;z-index:10;width:100%;height:100%;transition:opacity .3s,visibility linear;position:absolute;top:0;left:0;overflow:visible}.features-grid.is-site-plan .connectors-overlay,.features-grid.is-site-plan .target-dots{visibility:hidden;pointer-events:none;opacity:0!important}.connector-path{fill:none;stroke:var(--color-ink-40);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:5 6;opacity:0;transition:opacity .12s}.connector-path.is-active{opacity:1}.connector-path-halo{stroke:#fffffff0;stroke-width:4px}.connector-reveal{fill:none;stroke:#fff;stroke-width:8px;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1px}.connector-reveal.is-active{animation:.9s cubic-bezier(.22,1,.36,1) forwards revealConnector}@keyframes revealConnector{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.f-toggle-wrap{pointer-events:auto;margin-top:1rem;position:relative}.f-segmented-control{-webkit-backdrop-filter:blur(10px);isolation:isolate;background:#ffffffb8;border:1px solid #1a4fa024;border-radius:999px;gap:3px;padding:4px;display:inline-flex;position:relative;overflow:visible;box-shadow:0 8px 24px #0f111714,inset 0 1px #ffffffe6}.f-seg-btn{z-index:1;min-height:40px;font-family:var(--font-sans);letter-spacing:.08em;color:var(--color-ink-60);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:12px;font-weight:500;transition:background-color .22s,border-color .22s,color .22s,box-shadow .22s,translate .22s;display:flex;position:relative;overflow:visible}.f-seg-btn:hover,.f-seg-btn:focus-visible{z-index:3;translate:0 -2px}.f-seg-btn:before{content:"";z-index:1;border-radius:inherit;pointer-events:none;background:#ffffffeb;transition:background-color .22s;position:absolute;inset:0}.f-seg-btn:hover:not(.active):before{background:#eef3fbf5}.f-seg-btn.active:before{background:var(--color-brand)}.f-seg-btn>svg,.f-seg-btn>span:not(.f-seg-preview){z-index:2;position:relative}.f-seg-preview{z-index:0;aspect-ratio:16/11;opacity:0;pointer-events:none;transform-origin:50% 100%;width:clamp(82px,6.5vw,100px);transition:opacity .18s,transform .48s cubic-bezier(.22,1,.36,1);position:absolute;bottom:calc(100% - 30px);left:50%;transform:translate(-50%)rotate(0)scale(.22)}.f-seg-preview img{object-fit:contain;width:100%;height:100%;display:block}.f-seg-btn:hover .f-seg-preview,.f-seg-btn:focus-visible .f-seg-preview{opacity:1;transform:translate(-50%, 0) rotate(var(--preview-tilt,-7deg)) scale(1)}.f-segmented-control.is-switching .f-seg-preview,.f-seg-btn.preview-suppressed .f-seg-preview{opacity:0!important;transform:translate(-50%)rotate(0)scale(.25)!important}.f-seg-btn:disabled{cursor:wait;opacity:1;translate:none}.layout-flight-image{z-index:4;object-fit:contain;pointer-events:none;transform-origin:0 0;will-change:transform, opacity;background:0 0;border:0;max-width:none;margin:0;display:block;position:absolute}.f-seg-btn:hover:not(.active){color:var(--color-brand);background:#1a4fa012}.f-seg-btn.active{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-white);box-shadow:0 4px 12px #1a4fa040}.f-seg-btn:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.f-seg-btn svg{flex-shrink:0}.f-toggle-annotation{color:var(--color-ink);font-family:Caveat,cursive,sans-serif;font-size:1.1rem;line-height:1.2;position:absolute;top:-30px;right:-110px;transform:rotate(5deg)}.annotate-arrow{width:35px;height:35px;color:var(--color-brand);position:absolute;top:60%;left:-40px}.features-section .hero-meta{bottom:24px;left:48px}@media (width<=1070px){.features-section{height:auto;min-height:100vh;padding-top:6rem}.features-grid{flex-direction:column;gap:2rem;min-height:0;display:flex}.f-col-center{--viewer-scale:1.08;--viewer-offset-y:-18px;order:1;width:min(100%,620px)}.features-orbit{order:2;grid-template-columns:repeat(2,minmax(140px,1fr));gap:1.5rem;width:100%;display:grid;position:static}.f-callout,.f-callout.side-left{text-align:center;width:100%;position:static;transform:none}.f-callout-motion,.f-callout.side-left .f-callout-motion{flex-direction:column}.f-callout.side-left .f-callout-badge{left:auto;right:-5px}.connectors-overlay,.f-toggle-annotation{display:none}}@media (width>=1071px) and (height<=800px){.features-section{padding-bottom:4.5rem}}@media (width<=420px){.f-seg-btn{padding-inline:15px}}@media (width<=768px){.features-section{min-height:100svh;padding:5rem 14px 5.5rem}.f-header{width:min(100%,520px);margin-bottom:1.25rem}.f-header-main{font-size:clamp(1.65rem,8vw,2.15rem)}.f-header-desc{font-size:.86rem}.features-grid{grid-template-rows:auto auto auto auto;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px 8px;width:100%;max-width:620px;display:grid}.features-orbit{display:contents}.f-callout,.f-callout.side-left{--mobile-arc-x:0px;--mobile-arc-y:0px;z-index:12;text-align:center;min-width:0;min-height:88px;transform:none;translate:var(--mobile-arc-x) var(--mobile-arc-y);align-self:start;position:relative;top:auto;left:auto}.f-callout:first-child{--mobile-arc-x:6px;--mobile-arc-y:clamp(12px, 4vw, 18px);grid-area:1/1/auto/5}.f-callout:nth-child(2){--mobile-arc-y:-6px;grid-area:1/5/auto/9}.f-callout:nth-child(3){--mobile-arc-x:-6px;--mobile-arc-y:clamp(12px, 4vw, 18px);grid-area:1/9/auto/13}.f-callout:nth-child(4){--mobile-arc-x:7px;--mobile-arc-y:clamp(-16px, -3.5vw, -11px);grid-area:3/1/auto/4}.f-callout:nth-child(5){--mobile-arc-x:3px;--mobile-arc-y:8px;grid-area:3/4/auto/7}.f-callout:nth-child(6){--mobile-arc-x:-3px;--mobile-arc-y:8px;grid-area:3/7/auto/10}.f-callout:nth-child(7){--mobile-arc-x:-7px;--mobile-arc-y:clamp(-16px, -3.5vw, -11px);grid-area:3/10/auto/13}.f-callout-motion,.f-callout.side-left .f-callout-motion{flex-direction:column;gap:7px}.f-callout-photo-wrap{width:clamp(48px,15vw,58px);height:clamp(48px,15vw,58px);transition:box-shadow .18s}.f-callout-text h3{text-wrap:balance;max-width:100%;margin:0 auto;font-size:clamp(.65rem,2.8vw,.78rem);line-height:1.15}.f-callout-text p{display:none}.f-col-center{--viewer-scale:1;--viewer-offset-y:0px;display:contents}.viewer-wrapper{z-index:5;grid-area:2/1/auto/-1;width:min(100%,540px);margin-inline:auto}.f-toggle-wrap{z-index:13;grid-area:4/1/auto/-1;justify-self:center;margin-top:0}.connectors-overlay{display:block}.connector-path{stroke-width:1.35px;stroke-dasharray:4 5}.connector-path-halo{stroke-width:3.5px}}@media (hover:none),(pointer:coarse){.site-plan-magnifier-surface{--magnifier-size:clamp(96px, 30vw, 122px);cursor:grab}.site-plan-magnifier-surface.is-active{cursor:grabbing}.magnifier-hint-desktop{display:none}.magnifier-hint-touch{display:inline}}@media (width<=768px){.magnifier-hint-desktop{display:none}.magnifier-hint-touch{display:inline}}@media (prefers-reduced-motion:reduce){.f-seg-btn,.f-seg-preview,.site-plan-magnifier-surface,.site-plan-magnifier-lens,.site-plan-magnifier-hint{transition:none}.connector-reveal.is-active{animation-duration:1ms}.f-callout-motion{animation:none}}