.product-nav{position:sticky;top:var(--header-h);z-index:50;padding:12px 0;background:#f8faffb8;-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);border-bottom:1px solid transparent;transition:border-color var(--dur-2) var(--ease-out),background-color var(--dur-2) var(--ease-out)}.product-nav.is-stuck{background:#f8faffdb;border-bottom-color:var(--line)}.product-nav__list{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.product-nav__list::-webkit-scrollbar{display:none}.product-nav__list a{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;font-size:.925rem;font-weight:500;white-space:nowrap;color:var(--ink-600);border:1px solid transparent;transition:color var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}.product-nav__list svg{width:18px;height:18px;opacity:.75}.product-nav__list a:hover{color:var(--ink-900);background:#ffffffb3}.product-nav__list a[aria-current=true]{color:var(--blue-700);font-weight:600;background:#fff;border-color:#2f6bff2e;box-shadow:var(--shadow-1)}.product-nav__list a[aria-current=true] svg{opacity:1}.product{position:relative;padding:clamp(72px,7.5vw,112px) 0;scroll-margin-top:calc(var(--header-h) + 68px)}.product--alt{background:radial-gradient(50% 60% at 20% 50%,rgba(222,230,255,.5),transparent 70%),linear-gradient(180deg,#f3f7ff00,#f2f6ff 18% 82%,#f3f7ff00)}.product__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6.4fr);align-items:center;gap:clamp(40px,6vw,88px)}.product__grid--flip .product__copy{order:2}.product__grid--flip .product__visual{order:1}.product__index{margin-bottom:18px;font-size:.8125rem;color:var(--ink-300)}.product__copy h2{margin-top:16px;font-size:var(--fs-h2);line-height:1.16;letter-spacing:-.02em}.product__lead{margin-top:22px;font-size:var(--fs-lead);line-height:1.85;color:var(--ink-500)}.product__features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 28px;margin-top:38px;padding-top:32px;border-top:1px solid var(--line)}.product__features li{display:flex;gap:14px}.product__ic{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;color:var(--blue-600);background:linear-gradient(145deg,#fff,#e8efff);box-shadow:inset 0 0 0 1px #2f6bff1f,0 6px 14px #2f6bff1a}.product__ic svg{width:20px;height:20px}.product__features h3{font-family:var(--font-sans);font-size:1rem;font-weight:650;line-height:1.5}.product__features p{margin-top:4px;font-size:var(--fs-small);line-height:1.7;color:var(--ink-500)}.product__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:40px}.product__visual{position:relative}.code-panel{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:#ffffffdb;border:1px solid #fff;box-shadow:inset 0 0 0 1px #14285a0f,var(--shadow-3);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.code-panel__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 12px 14px;border-bottom:1px solid var(--line)}.code-panel__tabs{display:inline-flex;padding:4px;border-radius:12px;background:var(--bg-soft)}.code-panel__tabs button{height:34px;padding:0 14px;border-radius:9px;font-size:.85rem;font-weight:500;color:var(--ink-500);transition:color var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out)}.code-panel__tabs button:hover{color:var(--ink-900)}.code-panel__tabs button[aria-selected=true]{color:var(--ink-900);font-weight:600;background:#fff;box-shadow:0 1px 2px #14285a14,0 2px 8px #14285a0f}.code-panel__copy{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:10px;font-size:.85rem;color:var(--ink-600);border:1px solid var(--line);background:#fff;transition:color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}.code-panel__copy svg{width:16px;height:16px}.code-panel__copy:hover{color:var(--blue-600);border-color:#2f6bff4d}.code-panel__copy.is-copied{color:#0f9b72;border-color:#0f9b7259}.code-panel__code{margin:0;padding:24px 26px;min-height:330px;overflow-x:auto;font-size:.84rem;line-height:1.85;color:var(--ink-700);white-space:pre;-moz-tab-size:2;tab-size:2}.code-panel__code:focus-visible{outline-offset:-4px}.code-panel__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:14px 18px;border-top:1px solid var(--line);background:linear-gradient(90deg,#f4f7ff,#f2fbff);font-size:.8rem;color:var(--ink-500)}.code-panel__base{display:inline-flex;align-items:center;gap:10px}.code-panel__base>.mono{color:var(--ink-400)}.code-panel__base code{padding:3px 10px;border-radius:8px;color:var(--blue-700);background:#fff;border:1px solid rgba(47,107,255,.15)}.model-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.model-strip li{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;font-size:.85rem;font-weight:600;color:var(--ink-700);background:#ffffffe6;border:1px solid var(--line)}.model-strip i{width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 18%,transparent)}.model-strip .more{font-weight:500;color:var(--ink-400);background:transparent;border-style:dashed}.studio-ui{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:14px;padding:14px;border-radius:var(--radius-lg);background:#ffffffb3;border:1px solid #fff;box-shadow:inset 0 0 0 1px #14285a0d,var(--shadow-3);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.studio-ui__side{display:flex;flex-direction:column;padding:18px 16px;border-radius:16px;background:#fff;border:1px solid var(--line)}.studio-ui__label{margin:16px 0 10px;font-size:.72rem;font-weight:600;letter-spacing:.06em;color:var(--ink-400)}.studio-ui__label:first-child{margin-top:0}.studio-ui__modes{display:grid;gap:6px}.studio-ui__modes li{display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;border-radius:10px;font-size:.85rem;color:var(--ink-600)}.studio-ui__modes li svg{width:17px;height:17px}.studio-ui__modes li.is-on{color:var(--blue-700);font-weight:600;background:var(--blue-50);box-shadow:inset 0 0 0 1px #2f6bff24}.studio-ui__ratios{display:flex;gap:6px}.studio-ui__ratios span{flex:1;padding:6px 0;border-radius:8px;text-align:center;font-size:.75rem;color:var(--ink-500);border:1px solid var(--line)}.studio-ui__ratios .is-on{color:var(--blue-700);border-color:#2f6bff59;background:var(--blue-50)}.studio-ui__prompt{flex:1;min-height:92px;padding:12px;border-radius:12px;font-size:.8rem;line-height:1.7;color:var(--ink-700);background:var(--bg-soft)}.studio-ui__go{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;margin-top:14px;border-radius:12px;font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#6f7dff,#2f6bff 60%,#2a9bff);box-shadow:0 8px 18px #2f6bff4d}.studio-ui__go svg{width:15px;height:15px}.studio-ui__canvas{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.art{overflow:hidden;aspect-ratio:4 / 5;border-radius:14px;box-shadow:inset 0 0 0 1px #14285a0d}.art svg{width:100%;height:100%}.studio-ui__progress{position:absolute;left:calc(50% + 17px);right:12px;bottom:12px;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;font-size:.7rem;color:var(--ink-600);background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.studio-ui__progress i{position:relative;flex:1;height:4px;overflow:hidden;border-radius:4px;background:var(--blue-100)}.studio-ui__progress i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:40%;border-radius:inherit;background:linear-gradient(90deg,#8b93ff,#2f6bff,#3fd0f2);animation:progress 2.6s var(--ease-in-out) infinite}@keyframes progress{0%{transform:translate(-100%)}to{transform:translate(250%)}}.ide{overflow:hidden;border-radius:var(--radius-lg);background:#ffffffdb;border:1px solid #fff;box-shadow:inset 0 0 0 1px #14285a0f,var(--shadow-3)}.ide__body{display:grid;grid-template-columns:170px minmax(0,1fr);min-height:380px}.ide__tree{padding:16px 14px;border-right:1px solid var(--line);background:#f7f9fe;font-size:.76rem;line-height:2.1;color:var(--ink-500)}.ide__dir{color:var(--ink-800);font-weight:600}.ide__f{padding-left:10px;white-space:nowrap}.ide__f--in{padding-left:22px}.ide__f--in2{padding-left:34px}.ide__f.is-new{color:#0f9b72}.ide__f.is-new:after{content:" A";font-size:.68rem}.ide__f.is-mod{color:var(--blue-600)}.ide__f.is-mod:after{content:" M";font-size:.68rem}.ide__main{display:flex;flex-direction:column;gap:12px;padding:18px;font-size:.84rem;line-height:1.7}.ide__msg{max-width:92%;padding:11px 14px;border-radius:14px}.ide__msg--user{align-self:flex-end;color:#fff;background:linear-gradient(135deg,#4d84ff,#2f6bff);border-bottom-right-radius:4px}.ide__msg--ai{color:var(--ink-700);background:var(--bg-soft);border-bottom-left-radius:4px}.ide__msg--ai ol{margin-top:6px;padding-left:18px;list-style:decimal}.ide__msg code{font-size:.78rem;color:var(--blue-700)}.ide__diff{display:grid;gap:2px;padding:10px 12px;border-radius:12px;font-size:.76rem;background:#fbfcff;border:1px solid var(--line)}.ide__diff p{padding:1px 6px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ide-term{position:absolute;right:-18px;bottom:-34px;display:grid;gap:4px;padding:14px 18px;border-radius:16px;font-size:.8rem;color:var(--ink-700);background:#ffffffeb;border:1px solid #fff;box-shadow:inset 0 0 0 1px #14285a0f,var(--shadow-3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ide-term .t-ok{display:inline-flex;align-items:center;gap:6px;color:#0f9b72;font-weight:600}.ide-term .t-ok svg{width:15px;height:15px}.fleet{padding:18px;border-radius:var(--radius-lg);background:#ffffffb8;border:1px solid #fff;box-shadow:inset 0 0 0 1px #14285a0d,var(--shadow-3);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.fleet__head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 16px}.fleet__title{font-weight:650;color:var(--ink-900)}.fleet__badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;font-size:.78rem;color:#0b7f5e;background:#0f9b7214}.fleet__badge i{width:7px;height:7px;border-radius:50%;background:#22c38e;box-shadow:0 0 0 3px #22c38e33}.fleet__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mini-phone{aspect-ratio:9 / 18;padding:10px 8px;border-radius:18px;background:radial-gradient(120% 60% at 50% 0%,rgba(196,214,255,.85),transparent 70%),linear-gradient(180deg,#f5f8ff,#e9f1ff);box-shadow:inset 0 0 0 1px #2f6bff1a,0 6px 16px #162c6e14;transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out)}.mini-phone:nth-child(2n){background:radial-gradient(120% 60% at 50% 0%,rgba(190,236,252,.95),transparent 70%),linear-gradient(180deg,#f2fbff,#e5f5fd)}.mini-phone:nth-child(3n){background:radial-gradient(120% 60% at 50% 0%,rgba(214,208,255,.9),transparent 70%),linear-gradient(180deg,#f6f4ff,#eceaff)}.mini-phone>span{display:block;font-size:.62rem;color:var(--ink-400);text-align:center}.mini-phone.is-focus{transform:translateY(-8px);box-shadow:inset 0 0 0 2px #2f6bff8c,0 16px 30px #2f6bff38}.mini-phone__apps{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px}.mini-phone__apps i{aspect-ratio:1;border-radius:28%;background:linear-gradient(145deg,#fff,#dfe8ff)}.mini-phone__apps i:nth-child(3n+1){background:linear-gradient(145deg,#7aa4ff,#2f6bff)}.mini-phone__apps i:nth-child(4n+2){background:linear-gradient(145deg,#8fe6fa,#2ab9f0)}.mini-phone__apps i:nth-child(5n+3){background:linear-gradient(145deg,#c3c8ff,#8b93ff)}.devices{display:flex;justify-content:center;gap:10px;margin-top:18px}.devices span{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:999px;font-size:.85rem;color:var(--ink-600);background:#ffffffe6;border:1px solid var(--line)}.devices svg{width:17px;height:17px;color:var(--blue-600)}.faq__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px 80px;align-items:start}.faq .section-head{position:sticky;top:calc(var(--header-h) + 40px)}.faq .section-head p a{font-weight:600}.faq__list{border-top:1px solid var(--line)}.faq__item{border-bottom:1px solid var(--line)}.faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;padding:18px 0;font-size:1.06rem;font-weight:600;color:var(--ink-900);cursor:pointer;list-style:none}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary svg{flex:none;width:22px;height:22px;color:var(--ink-400);transition:transform var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out)}.faq__item[open] summary svg{transform:rotate(45deg);color:var(--blue-600)}.faq__item summary:hover{color:var(--blue-700)}.faq__item p{max-width:680px;padding:0 40px 24px 0;font-size:.975rem;line-height:1.85;color:var(--ink-500)}@media (max-width: 1024px){.product__grid,.product__grid--flip{grid-template-columns:minmax(0,1fr)}.product__grid--flip .product__copy,.product__grid--flip .product__visual{order:0}.product__visual{margin-top:8px}.ide-term{right:10px}.faq__grid{grid-template-columns:minmax(0,1fr)}.faq .section-head{position:static}}@media (max-width: 640px){.product__features{grid-template-columns:minmax(0,1fr)}.product__actions .btn{flex:1 1 auto}.code-panel__code{min-height:0;padding:18px;font-size:.74rem}.code-panel__tabs button{padding:0 10px}.studio-ui{grid-template-columns:minmax(0,1fr)}.studio-ui__side{display:none}.ide__body{grid-template-columns:minmax(0,1fr)}.ide__tree{display:none}.ide-term{position:relative;right:auto;bottom:auto;margin-top:14px}.fleet__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-phone:nth-child(n+7){display:none}.faq__item summary{font-size:1rem}}