.fs-hero{background:var(--bg-primary);padding:clamp(112px,14vh,156px) 0 clamp(40px,5vw,64px)}.fs-crumb{color:var(--text-tertiary);flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 clamp(28px,3.4vw,40px);font-size:.9rem;line-height:1.4;display:flex}.fs-crumb a{min-height:24px;color:var(--accent);text-underline-offset:4px;transition:text-decoration-color var(--dur-base) ease;align-items:center;font-weight:600;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;display:inline-flex}.fs-crumb a:hover{text-decoration-color:currentColor}.fs-crumb a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.fs-crumb svg{flex-shrink:0}.fs-crumb [aria-current]{color:var(--text-secondary);font-weight:600}.fs-hero-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:40px clamp(40px,6vw,96px);display:grid}.fs-hero-main{min-width:0}.fs-h1{letter-spacing:-.04em;max-width:18ch;color:var(--text-primary);text-wrap:balance;margin:0;font-size:clamp(2.5rem,5.2vw,4rem);font-weight:800;line-height:1.04}.fs-accent{color:var(--accent)}.fs-lede{max-width:56ch;color:var(--text-secondary);text-wrap:pretty;margin:24px 0 0;font-size:clamp(1rem,1.4vw,1.14rem);line-height:1.75}.fs-side{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-card);min-width:0;padding:clamp(22px,2.4vw,28px);box-shadow:0 1px 2px #0a16280d,0 14px 32px -18px #0a162833,0 48px 96px -48px #0a16285c}.fs-side-head{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding-bottom:20px;display:flex}.fs-icon{color:#fff;background:linear-gradient(150deg, #5a88c3 0%, var(--accent) 55%, #183b63 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 1px #ffffff47,0 14px 28px -18px #2a5382cc}.fs-side-id{flex-direction:column;gap:3px;min-width:0;display:flex}.fs-side-name{letter-spacing:-.02em;color:var(--text-primary);font-size:1.15rem;font-weight:800;line-height:1.3}.fs-side-line{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.fs-price{align-items:center;gap:12px;max-width:100%;margin:20px 0 0;display:flex}.fs-side-note{color:var(--text-tertiary);margin:12px 0 0;font-size:.92rem;line-height:1.6}.fs-all{margin-top:18px}.fs-price-icon,.fs-frame-icon,.fs-ship-tile,.fs-card-tile{color:var(--accent);background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 15%, #fff) 0%, #f5f8fb 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 13%, transparent), inset 0 1px 0 #fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.fs-price-icon{border-radius:var(--radius-sm);width:36px;height:36px}.fs-price-text{letter-spacing:-.02em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:800;line-height:1.3}.fs-all{color:var(--accent);text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 30%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 30%, transparent);transition:text-decoration-color var(--dur-base) ease;align-items:center;gap:8px;padding:4px 0;font-size:.95rem;font-weight:700;line-height:24px;display:inline-flex}.fs-all svg{transition:transform var(--dur-base) ease;flex-shrink:0}.fs-demo-sec{background:var(--bg-primary);padding:0 0 clamp(64px,8vw,112px)}.fs-frame{background:linear-gradient(165deg, color-mix(in srgb, var(--accent) 34%, transparent) 0%, #0a16281a 24%, #0a162814 76%, #6f96c461 100%);border-radius:24px;padding:1px;box-shadow:0 1px 2px #0a16280d,0 14px 32px -18px #0a162833,0 56px 110px -56px #0a162873}.fs-frame-inner{background:var(--bg-secondary);border-radius:23px;overflow:clip}.fs-frame-bar{border-bottom:1px solid var(--border);background:var(--bg-card);grid-template-columns:40px minmax(0,1fr);align-items:center;column-gap:14px;padding:14px clamp(18px,2.4vw,28px);display:grid}.fs-frame-icon{border-radius:var(--radius-sm);grid-row:span 2;width:40px;height:40px}.fs-frame-top{flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0;display:flex}.fs-frame-title{letter-spacing:-.015em;color:var(--text-primary);margin:0;font-size:1.02rem;font-weight:800;line-height:1.35}.fs-sample{color:var(--text-tertiary);white-space:nowrap;align-items:center;gap:8px;font-size:.8rem;font-weight:700;line-height:1.6;display:inline-flex}.fs-sample:before{content:"";background:var(--text-tertiary);border-radius:50%;width:4px;height:4px}.fs-frame-note{min-width:0;color:var(--text-tertiary);grid-column:2;margin-top:1px;font-size:.86rem;line-height:1.5}.fs-frame-body{--demo-radius:var(--radius-card);--demo-gap:clamp(20px, 3vw, 32px);padding:clamp(18px,3vw,36px)}.fs-frame-body .btn-primary,.fs-frame-body .btn-secondary{letter-spacing:0;text-transform:none;padding:14px 22px;font-size:.95rem;line-height:1.2}.fs-how{isolation:isolate;color:var(--text-on-elevated);background:radial-gradient(900px 640px at 6% -140px, #315d954d 0%, #315d9514 48%, #315d9500 72%), var(--bg-elevated);padding-block:clamp(72px,9vw,128px);position:relative;overflow:clip}.fs-how-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:40px clamp(48px,7vw,112px);display:grid}.fs-how-head{min-width:0;position:sticky;top:112px}.fs-how .section-label{color:#8fb0d8}.fs-how .section-heading{color:#fff;max-width:14ch;margin:0}.fs-how-sub{color:#e2eaf3bd;max-width:38ch;margin:20px 0 0;font-size:1.05rem;line-height:1.7}.fs-how-main{flex-direction:column;gap:24px;min-width:0;display:flex}.fs-how-list{border-radius:var(--radius-xl);background:linear-gradient(165deg,#ffffff0f 0%,#ffffff05 60%,#ffffff08 100%);border:1px solid #b9cde624;margin:0;padding:6px clamp(22px,2.8vw,40px);list-style:none;box-shadow:inset 0 1px #ffffff12,0 40px 80px -48px #000c}.fs-how-item{grid-template-columns:56px minmax(0,1fr);column-gap:22px;padding:26px 0;display:grid;position:relative}.fs-how-tile{color:#d6e4f5;background:linear-gradient(150deg,#26476f 0%,#132943 100%);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:inset 0 0 0 1px #a9c3e33d,inset 0 1px #ffffff1f,0 10px 22px -12px #000000b3}.fs-how-item:last-child .fs-how-tile{color:#fff;background:linear-gradient(150deg,#5a88c3 0%,#315d95 100%);box-shadow:inset 0 0 0 1px #fff3,inset 0 1px #ffffff3d,0 12px 26px -12px #000000b3}.fs-how-text{min-width:0;padding-top:12px}.fs-how-name{letter-spacing:-.02em;color:#fff;margin:0;font-size:1.2rem;font-weight:700;line-height:1.35}.fs-how-body{color:#e2eaf3c2;max-width:58ch;margin:8px 0 0;font-size:.98rem;line-height:1.7}.fs-ships{background:var(--bg-primary);padding-block:clamp(72px,9vw,120px)}.fs-more{background:var(--bg-secondary);padding-block:clamp(72px,9vw,120px)}.fs-sec-head{margin-bottom:clamp(32px,4vw,52px)}.fs-sec-head .section-heading{margin:0}.fs-ship-grid,.fs-more-grid{margin:0;padding:0;list-style:none;display:grid}.fs-ship-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.5vw,20px)}.fs-more-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.fs-ship-grid>li,.fs-more-grid>li{min-width:0;display:flex}.fs-ship-grid>.fs-ship-wide{grid-column:1/-1}.fs-ship,.fs-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-card);min-width:0;box-shadow:var(--shadow-rest);color:inherit;transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) ease;flex:1;text-decoration:none;position:relative;overflow:hidden}.fs-ship{grid-template-columns:56px minmax(0,1fr) auto;align-items:center;column-gap:20px;padding:22px 26px;display:grid}.fs-ship-tile{border-radius:14px;width:56px;height:56px}.fs-ship-tile .dm-b{fill:#9cb6d8}.fs-ship-text{flex-direction:column;gap:4px;min-width:0;display:flex}.fs-ship-name{letter-spacing:-.02em;color:var(--text-primary);font-size:1.125rem;font-weight:700;line-height:1.3}.fs-ship-line{color:var(--text-secondary);font-size:.94rem;line-height:1.55}.fs-ship-arrow{color:var(--accent);transition:transform var(--dur-base) ease;flex-shrink:0}.fs-card{flex-direction:column;padding:28px 28px 20px;display:flex}.fs-card-tile{border-radius:14px;width:56px;height:56px}.fs-card-name{letter-spacing:-.02em;color:var(--text-primary);margin:24px 0 8px;font-size:1.1875rem;font-weight:700;line-height:1.3}.fs-card-line{color:var(--text-secondary);flex:auto;font-size:.94rem;line-height:1.6}.fs-card-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:16px;display:flex}.fs-card-price{color:var(--text-tertiary);font-size:.875rem;font-weight:600;line-height:20px}.fs-card-add{color:var(--text-primary);font-weight:700}.fs-card-go{color:var(--accent);align-items:center;gap:6px;margin-left:auto;font-size:.9rem;font-weight:700;line-height:20px;display:inline-flex}.fs-card-go svg{transition:transform var(--dur-base) ease;flex-shrink:0}.fs-ship-key,.fs-card-key{background:linear-gradient(145deg,#132b4a 0%,#0a1628 58%,#08111f 100%);border-color:#0a1628;box-shadow:inset 0 1px #ffffff14,0 20px 40px -26px #0a1628b3}.fs-ship-key .fs-ship-tile,.fs-card-key .fs-card-tile{color:#dce8f7;background:linear-gradient(145deg,#6f96c457 0%,#315d9524 100%);box-shadow:inset 0 0 0 1px #9dbbe047,inset 0 1px #ffffff1f}.fs-ship-key .fs-ship-name,.fs-card-key .fs-card-name{color:#fff}.fs-ship-key .fs-ship-line,.fs-card-key .fs-card-line{color:#e2eaf3c7}.fs-ship-key .fs-ship-arrow,.fs-card-key .fs-card-go{color:#b9cde6}.fs-card-key .fs-card-foot{border-top-color:#ffffff1f}.fs-all:focus-visible,.fs-ship:focus-visible,.fs-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.fs-all:focus-visible{border-radius:4px}@media (hover:hover){.fs-all:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.fs-all:hover svg{transform:translate(3px)}.fs-ship:hover,.fs-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.fs-ship-key:hover,.fs-card-key:hover{box-shadow:0 2px 6px -2px #0a16282e,0 14px 30px -18px #0a162873}.fs-ship:hover .fs-ship-arrow,.fs-card:hover .fs-card-go svg{transform:translate(4px)}}@media (max-width:1200px){.fs-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fs-card{grid-template-rows:auto 1fr auto;grid-template-columns:56px minmax(0,1fr);column-gap:20px;padding:24px 24px 18px;display:grid}.fs-card-tile{grid-area:1/1/span 2}.fs-card-name{grid-area:1/2;margin:2px 0 6px}.fs-card-line{grid-area:2/2}.fs-card-foot{grid-area:3/1/auto/-1;margin-top:20px}}@media (max-width:900px){.fs-hero-grid{grid-template-columns:minmax(0,1fr);align-items:start}.fs-side{max-width:600px}.fs-how-grid{grid-template-columns:minmax(0,1fr)}.fs-how-head{position:static}.fs-how .section-heading{max-width:20ch}}@media (max-width:768px){.fs-ship-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.fs-h1{font-size:clamp(2rem,8.6vw,2.5rem)}.fs-icon{border-radius:var(--radius-md);width:48px;height:48px}.fs-icon svg{width:22px;height:22px}.fs-side-name{font-size:1.05rem}.fs-how-item{grid-template-columns:48px minmax(0,1fr);column-gap:16px}.fs-frame{border-radius:var(--radius-xl)}.fs-frame-inner{border-radius:calc(var(--radius-xl) - 1px)}.fs-frame-bar{grid-template-columns:36px minmax(0,1fr);column-gap:12px;padding:12px 16px}.fs-frame-icon{border-radius:var(--radius-sm);width:36px;height:36px}.fs-how-list{border-radius:var(--radius-card);padding:4px 18px}.fs-how-item{grid-template-columns:44px minmax(0,1fr);column-gap:16px;padding:22px 0}.fs-how-tile{border-radius:var(--radius-md);width:44px;height:44px}.fs-how-tile svg{width:20px;height:20px}.fs-how-text{padding-top:9px}.fs-how-name{font-size:1.08rem}.fs-how-body{font-size:.95rem}.fs-ship{grid-template-columns:52px minmax(0,1fr) auto;column-gap:16px;padding:18px}.fs-ship-tile{border-radius:14px;width:52px;height:52px}.fs-ship-name{font-size:1.04rem}.fs-ship-line{font-size:.9rem}.fs-more-grid{grid-template-columns:minmax(0,1fr);gap:16px}.fs-card{grid-template-columns:48px minmax(0,1fr);column-gap:16px;padding:20px 20px 16px}.fs-card-tile{border-radius:var(--radius-md);width:48px;height:48px}.fs-card-tile svg{width:22px;height:22px}.fs-card-name{margin:0 0 4px;font-size:1.0625rem}.fs-card-foot{margin-top:16px;padding-top:14px}}@media (max-width:480px){.fs-ship{grid-template-columns:48px minmax(0,1fr) auto;column-gap:14px;padding:16px}.fs-ship-tile{border-radius:var(--radius-md);width:48px;height:48px}.fs-ship-tile svg{width:30px;height:30px}.fs-ship-tile .lucide{width:22px;height:22px}}@media (prefers-reduced-motion:reduce){.fs-crumb a,.fs-all,.fs-all svg,.fs-ship,.fs-ship-arrow,.fs-card,.fs-card-go svg{transition:none}.fs-ship:hover,.fs-card:hover,.fs-ship:hover .fs-ship-arrow,.fs-card:hover .fs-card-go svg,.fs-all:hover svg{transform:none}}
