.ai-website-builder-page{--paper: #fafafa;--paper-warm: #f6f6f3;--paper-dark: #efefeb;--bone: #ffffff;--ink: #262626;--ink-soft: #434343;--muted: #676767;--faint: #929292;--line: #e2e2dd;--line-dark: #cecec8;--accent: #63fe13;--accent-soft: #ddffd0;--accent-dark: #218c00;--red: #a63c32;--green: #207a36;--radius: 8px;--shadow: 0 24px 60px -42px rgba(20, 20, 20, .42);--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--s9: 96px;--fs-sm: 13px}.ai-website-builder-page *{box-sizing:border-box}.ai-website-builder-page{margin:0;color:var(--ink);background:var(--paper);font-family:Albert Sans,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.55;overflow-x:clip;-webkit-font-smoothing:antialiased}.ai-website-builder-page img,.ai-website-builder-page svg{display:block;max-width:100%}.ai-website-builder-page a{color:inherit;text-decoration:none}.ai-website-builder-page button,.ai-website-builder-page textarea{font:inherit}.ai-website-builder-page button,.ai-website-builder-page a{-webkit-tap-highlight-color:transparent}.ai-website-builder-page button:focus-visible,.ai-website-builder-page a:focus-visible,.ai-website-builder-page textarea:focus-visible,.ai-website-builder-page summary:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 75%,var(--ink));outline-offset:3px}.ai-website-builder-page .wrap{width:min(100% - 128px,1360px);margin:0 auto}.ai-website-builder-page .skip{position:fixed;left:16px;top:12px;z-index:999;padding:10px 14px;background:var(--ink);color:var(--bone);transform:translateY(-160%)}.ai-website-builder-page .skip:focus{transform:none}.ai-website-builder-page .ico{width:1.05em;height:1.05em;flex:0 0 auto}.ai-website-builder-page .italic{font-style:italic}.ai-website-builder-page .muted{color:var(--muted)}.ai-website-builder-page .od-row{display:flex;align-items:center;gap:var(--s3)}.ai-website-builder-page .od-stack{display:flex;flex-direction:column;gap:var(--od-gap, var(--s4))}.ai-website-builder-page .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;line-height:1.2;font-weight:650;letter-spacing:.15em;text-transform:uppercase}.ai-website-builder-page .eyebrow--accent{color:var(--accent-dark)}.ai-website-builder-page .h2{margin:12px 0 0;max-width:900px;font-size:clamp(36px,4vw,54px);line-height:1.02;letter-spacing:-.045em;font-weight:590;text-wrap:balance}.ai-website-builder-page .lead{max-width:760px;margin:20px 0 0;color:var(--ink-soft);font-size:clamp(16px,1.35vw,19px);line-height:1.6}.ai-website-builder-page .section{padding:96px 0}.ai-website-builder-page .section-head{margin-bottom:48px}.ai-website-builder-page .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 18px;border:1px solid var(--line-dark);border-radius:10px;font-size:14px;font-weight:620;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.ai-website-builder-page .btn:hover{transform:translateY(-2px)}.ai-website-builder-page .btn--primary{background:#252623;border-color:#252623;color:var(--bone)}.ai-website-builder-page .btn--primary:hover{background:#3a3b37;border-color:#3a3b37}.ai-website-builder-page .btn--ghost{background:var(--bone);color:var(--ink)}.ai-website-builder-page .btn--ghost:hover{border-color:var(--ink);background:var(--bone)}.ai-website-builder-page .btn--dark{background:var(--ink);color:var(--bone)}.ai-website-builder-page .btn--sm{min-height:38px;padding:0 16px;font-size:13px}.ai-website-builder-page .btn__mark{width:28px;height:28px;display:inline-grid;place-items:center;margin-right:-8px;border-radius:7px;background:var(--accent);color:#13210c}.ai-website-builder-page .chip{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--bone);font-size:11px;white-space:nowrap}.ai-website-builder-page .tag-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.ai-website-builder-page .tag-dot--accent{color:var(--accent-dark)}.ai-website-builder-page .hero{padding:154px 0 88px}.ai-website-builder-page .hero-editorial{display:block}.ai-website-builder-page .hero__head{max-width:960px;padding-bottom:0}.ai-website-builder-page .hero__title{margin:20px 0 0;max-width:900px;font-size:clamp(52px,4.7vw,68px);line-height:.98;letter-spacing:-.052em;font-weight:600;text-wrap:balance}.ai-website-builder-page .hero__title em{color:var(--accent-dark)}.ai-website-builder-page .hero__lead{max-width:700px;margin:26px 0 0;color:var(--ink-soft);font-size:clamp(17px,1.45vw,20px);line-height:1.6}.ai-website-builder-page .hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.ai-website-builder-page .hero__note{display:flex;align-items:center;gap:9px;margin:20px 0 0;color:var(--muted);font-size:13px}.ai-website-builder-page .oil-art{overflow:hidden;background:var(--paper-dark)}.ai-website-builder-page .oil-art img{width:100%;height:100%;object-fit:cover}.ai-website-builder-page .studio{margin-top:62px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--bone);box-shadow:0 28px 72px -54px #1c1c189e}.ai-website-builder-page .studio__bar,.ai-website-builder-page .frame__bar,.ai-website-builder-page .codecard__bar{min-height:44px;display:flex;align-items:center;gap:12px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--paper-warm)}.ai-website-builder-page .studio__dots,.ai-website-builder-page .frame__dots{display:inline-flex;gap:5px}.ai-website-builder-page .studio__dot,.ai-website-builder-page .frame__dot{width:7px;height:7px;border:1px solid var(--line-dark);border-radius:50%;background:var(--bone)}.ai-website-builder-page .studio__label{font-size:12px;font-weight:650}.ai-website-builder-page .studio__spacer{flex:1}.ai-website-builder-page .seg{display:flex;align-items:center;padding:3px;border:1px solid var(--line);border-radius:7px;background:var(--bone)}.ai-website-builder-page .seg button{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:0;border-radius:4px;background:transparent;color:var(--muted);font-size:12px}.ai-website-builder-page .seg button[aria-pressed=true]{background:var(--ink);color:var(--bone)}.ai-website-builder-page .studio__prompt{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end;padding:20px;border-bottom:1px solid var(--line)}.ai-website-builder-page .od-field{min-width:0}.ai-website-builder-page .prompt-field{display:flex;align-items:flex-start;gap:10px;margin-top:8px;padding:12px 14px;border:1px solid var(--line);border-radius:6px;background:var(--paper)}.ai-website-builder-page .prompt-field textarea{width:100%;resize:vertical;min-height:48px;border:0;outline:0;background:transparent;color:var(--ink);line-height:1.45}.ai-website-builder-page .studio__body{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:610px}.ai-website-builder-page .filepane{border-right:1px solid var(--line);background:var(--paper-warm)}.ai-website-builder-page .filepane__head{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line)}.ai-website-builder-page .filepane__title{font-size:12px;font-weight:650}.ai-website-builder-page .tree{padding:14px 12px}.ai-website-builder-page .tree ul{list-style:none;margin:0;padding:0}.ai-website-builder-page .tree li{min-height:34px;display:flex;align-items:center;gap:8px;padding:0 8px;color:var(--ink-soft);font-size:12px}.ai-website-builder-page .tree .t-sub{padding-left:22px}.ai-website-builder-page .t-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-website-builder-page .t-edited{margin-left:auto;color:var(--accent-dark);font-size:10px}.ai-website-builder-page .stagewrap{min-width:0;padding:20px;background:var(--paper-dark)}.ai-website-builder-page .stagewrap__meta{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.ai-website-builder-page .stage{display:flex;justify-content:center}.ai-website-builder-page .frame{width:100%;overflow:hidden;border:1px solid var(--line-dark);border-radius:7px;background:var(--bone);container-type:inline-size;box-shadow:0 18px 48px -38px #0000006b}.ai-website-builder-page .frame__url{margin-inline:auto;color:var(--muted);font-size:10px}.ai-website-builder-page .frame__body{min-height:0;background:var(--bone)}.ai-website-builder-page .stage .frame__body{aspect-ratio:16 / 9}.ai-website-builder-page .studio.is-mobile .filepane{display:none}.ai-website-builder-page .studio.is-mobile .studio__body{grid-template-columns:1fr}.ai-website-builder-page .studio.is-mobile .frame{max-width:370px}.ai-website-builder-page .studio.is-mobile .stage .frame__body{aspect-ratio:390 / 720}.ai-website-builder-page .mock{min-height:100%;display:flex;flex-direction:column;overflow:hidden;background:#fbfbf7;color:#191919;font-size:clamp(7px,1.28cqw,14px)}.ai-website-builder-page .mock-dark{background:#171717;color:#f6f3ed}.ai-website-builder-page .mk-nav{min-height:5em;display:flex;align-items:center;gap:2em;padding:0 3.2em;border-bottom:1px solid currentColor;border-color:color-mix(in srgb,currentColor 14%,transparent)}.ai-website-builder-page .mk-logo{font-size:1.15em;font-weight:750;letter-spacing:-.03em}.ai-website-builder-page .mk-links{display:flex;gap:1.65em;margin-left:auto}.ai-website-builder-page .mk-link{opacity:.68}.ai-website-builder-page .mk-pill,.ai-website-builder-page .mk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.35em;padding:0 1.1em;border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:999px;font-size:.88em}.ai-website-builder-page .mk-pill{margin-left:.8em}.ai-website-builder-page .mk-hero{display:flex;flex-direction:column;align-items:flex-start;gap:1.4em;padding:4.5em 4em 3.4em}.ai-website-builder-page .mk-hero--showcase{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:2.5em;align-items:stretch;padding:2.2em 3em 1.8em}.ai-website-builder-page .mk-hero__copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1em;min-width:0}.ai-website-builder-page .mk-hero__art{position:relative;min-width:0;margin:0;overflow:hidden;border-radius:.45em;background:#e7e4d9;box-shadow:0 2.2em 4em -3em #141414b3}.ai-website-builder-page .mk-hero__art img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.ai-website-builder-page .mk-hero__art figcaption{display:flex;justify-content:space-between;gap:1em;padding:.8em 1em;background:#fff;font-size:.72em}.ai-website-builder-page .mk-hero__art figcaption b{font-weight:680}.ai-website-builder-page .mk-hero__art figcaption span{opacity:.56}.ai-website-builder-page .mk-eyebrow{color:#2f6930;font-size:.74em;font-weight:720;letter-spacing:.13em;text-transform:uppercase}.ai-website-builder-page .mk-h1{display:block;max-width:13ch;font-size:3.15em;line-height:.96;letter-spacing:-.05em;font-weight:650}.ai-website-builder-page .mk-h2{font-size:2.7em;line-height:1;letter-spacing:-.04em}.ai-website-builder-page .mk-sub{max-width:46em;opacity:.72;font-size:1.02em;line-height:1.55}.ai-website-builder-page .mk-row{display:flex;flex-wrap:wrap;gap:.8em}.ai-website-builder-page .mk-btn--primary{border-color:#8cf15a;background:#8cf15a;color:#172011}.ai-website-builder-page .mk-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1em;padding:0 4em 3.4em}.ai-website-builder-page .mk-card{display:flex;flex-direction:column;gap:.55em;min-height:8.4em;padding:1em;border:1px solid color-mix(in srgb,currentColor 16%,transparent);background:color-mix(in srgb,currentColor 3%,transparent)}.ai-website-builder-page .mk-card__ico{width:2.2em;height:2.2em;display:grid;place-items:center;border-radius:50%;background:#dfffd1;color:#265f1b}.ai-website-builder-page .mk-card p{margin:0;opacity:.65;font-size:.9em}.ai-website-builder-page .mk-panel{margin:0 4em 2.2em;border:1px solid color-mix(in srgb,currentColor 16%,transparent);background:#fff}.ai-website-builder-page .mk-panel__bar{min-height:3.4em;display:flex;align-items:center;justify-content:space-between;padding:0 1.2em;border-bottom:1px solid #e1e1df}.ai-website-builder-page .mk-panel__title{font-weight:680}.ai-website-builder-page .mk-panel__body{position:relative;height:10.5em;padding:1.4em}.ai-website-builder-page .mk-chart{height:100%;display:flex;align-items:flex-end;gap:.65em}.ai-website-builder-page .mk-bar{flex:1;background:#d9d9d3}.ai-website-builder-page .mk-bar--hi{background:#63fe13}.ai-website-builder-page .mk-spark{position:absolute;inset:2em 1.4em auto;width:calc(100% - 2.8em);height:4.2em;color:#2e7624;opacity:.76}.ai-website-builder-page .mk-logos{display:flex;justify-content:space-between;gap:2em;padding:1.4em 4em;border-top:1px solid #e1e1df;color:#777;text-transform:uppercase;letter-spacing:.1em;font-size:.72em}.ai-website-builder-page .mk-sec{padding:3em 4em}.ai-website-builder-page .mk-photo-grid{display:grid;grid-template-columns:1.05fr .8fr 1.15fr;gap:1em;padding:0 4em 3em}.ai-website-builder-page .mk-photo-grid figure{margin:0;min-width:0}.ai-website-builder-page .mk-photo-grid img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.ai-website-builder-page .mk-photo-grid .wide img{aspect-ratio:4 / 3}.ai-website-builder-page .mk-photo-grid figcaption{margin-top:.6em;font-size:.72em;opacity:.66}.ai-website-builder-page .mk-split{display:grid;grid-template-columns:1fr .9fr;gap:2em;align-items:center;padding:4em}.ai-website-builder-page .mk-product{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%}.ai-website-builder-page .mk-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-top:1px solid rgba(255,255,255,.18)}.ai-website-builder-page .od-stat{padding:1.5em 2em;border-right:1px solid rgba(255,255,255,.18)}.ai-website-builder-page .mk-spec__n,.ai-website-builder-page .mk-spec__c{display:block}.ai-website-builder-page .mk-spec__n{font-size:1.5em;font-weight:650}.ai-website-builder-page .mk-spec__c{margin-top:.35em;opacity:.6;font-size:.8em}.ai-website-builder-page .mk-foot{margin-top:auto;display:flex;justify-content:space-between;gap:2em;padding:1.25em 4em;border-top:1px solid color-mix(in srgb,currentColor 16%,transparent);opacity:.66;font-size:.72em}.ai-website-builder-page .proof-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper-warm)}.ai-website-builder-page .proof-strip__grid{display:grid;grid-template-columns:repeat(4,1fr)}.ai-website-builder-page .proof-item{display:grid;grid-template-columns:auto 1fr;gap:14px;min-width:0;padding:22px}.ai-website-builder-page .proof-item+.proof-item{border-left:1px solid var(--line)}.ai-website-builder-page .proof-item__n{color:var(--accent-dark);font-size:11px;font-weight:700}.ai-website-builder-page .proof-item b,.ai-website-builder-page .proof-item small{display:block}.ai-website-builder-page .proof-item b{font-size:14px}.ai-website-builder-page .proof-item small{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.45}.ai-website-builder-page .logo-cluster{display:flex;align-items:center;gap:5px;margin-top:10px}.ai-website-builder-page .logo-cluster img{width:20px;height:20px;padding:3px;border:1px solid var(--line);border-radius:5px;background:var(--bone);object-fit:contain}.ai-website-builder-page .examples{background:var(--paper)}.ai-website-builder-page .example{display:grid;grid-template-columns:minmax(260px,.36fr) minmax(0,1fr);gap:56px;align-items:center;padding:62px 0;border-top:1px solid var(--line)}.ai-website-builder-page .example:last-child{padding-bottom:0}.ai-website-builder-page .example__name{margin:10px 0 16px;font-size:clamp(28px,2.7vw,42px);line-height:1.03;letter-spacing:-.04em;font-weight:600}.ai-website-builder-page .example__copy>p{font-size:16px}.ai-website-builder-page .example__list{list-style:none;margin:24px 0 0;padding:0}.ai-website-builder-page .example__list li{display:flex;gap:10px;padding:10px 0;border-top:1px solid var(--line);font-size:13px}.ai-website-builder-page .example__list .ico{margin-top:4px;color:var(--accent-dark)}.ai-website-builder-page .example__meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.ai-website-builder-page .example__frame{width:100%;min-width:0;border-color:var(--line);box-shadow:0 26px 72px -52px #00000094}.ai-website-builder-page .example__frame .frame__body{aspect-ratio:16 / 9}.ai-website-builder-page .how__grid{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:54px}.ai-website-builder-page .steps{border-top:1px solid var(--line)}.ai-website-builder-page .step{width:100%;display:grid;grid-template-columns:30px 1fr auto;gap:14px;align-items:center;padding:20px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left}.ai-website-builder-page .step[aria-selected=true]{color:var(--accent-dark)}.ai-website-builder-page .step__n{font-size:11px}.ai-website-builder-page .step__t,.ai-website-builder-page .step__d{display:block}.ai-website-builder-page .step__t{font-size:18px;font-weight:650}.ai-website-builder-page .step__d{margin-top:4px;color:var(--muted);font-size:13px}.ai-website-builder-page .step__ico{width:20px;height:20px}.ai-website-builder-page .panels{min-width:0}.ai-website-builder-page .panel{min-height:390px;padding:28px;border:1px solid #dfe6d7;border-radius:7px;background:#f4f6ef}.ai-website-builder-page .panel[hidden]{display:none}.ai-website-builder-page:not(.is-enhanced) .panel[hidden]{display:block}.ai-website-builder-page:not(.is-enhanced) .panels{display:grid;gap:20px}.ai-website-builder-page:not(.is-enhanced) [data-copy-text]{display:none}.ai-website-builder-page .panel__head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:22px}.ai-website-builder-page .panel__head>div{min-width:0}.ai-website-builder-page .panel__kicker,.ai-website-builder-page .panel__title{display:block}.ai-website-builder-page .panel__kicker{color:var(--accent-dark);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.ai-website-builder-page .panel__title{margin-top:7px;font-size:29px;font-weight:560;line-height:1.05;letter-spacing:-.035em}.ai-website-builder-page .panel__count{flex:none;padding:6px 8px;border:1px solid #dce3d4;border-radius:4px;color:#7a8373;background:#ffffffad;font-size:9px;font-weight:650;letter-spacing:.08em}.ai-website-builder-page .panel__note{display:flex;align-items:center;gap:8px;margin:17px 0 0;color:#697164;font-size:12px;line-height:1.45}.ai-website-builder-page .panel__note .ico{flex:none;width:15px;height:15px;color:var(--accent-dark)}.ai-website-builder-page .prompt-card{min-height:194px;display:flex;flex-direction:column;padding:22px;border:1px solid #dce2d5;border-radius:5px;background:#ffffffd1;box-shadow:0 18px 38px -36px #24321ab3}.ai-website-builder-page .prompt-card__top{display:flex;justify-content:space-between;gap:16px;color:#7a8175;font-size:9px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}.ai-website-builder-page .prompt-card__top span:last-child{display:flex;align-items:center;gap:6px;color:#557347;letter-spacing:.06em}.ai-website-builder-page .prompt-card__top i{width:6px;height:6px;border-radius:50%;background:#51bb2d}.ai-website-builder-page .prompt-card p{max-width:42ch;margin:24px 0 0;font-size:18px;line-height:1.48}.ai-website-builder-page .prompt-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:22px}.ai-website-builder-page .prompt-card__tags span{padding:6px 8px;border:1px solid #dfe4da;border-radius:4px;color:#6f766b;background:#f7f9f4;font-size:9px}.ai-website-builder-page .pv-prompt__caret{display:inline-block;width:2px;height:1em;margin-left:3px;background:var(--accent-dark);vertical-align:text-bottom}.ai-website-builder-page .generate-visual{min-height:194px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(210px,.92fr);gap:12px}.ai-website-builder-page .output-list{display:grid;align-content:stretch;overflow:hidden;border:1px solid #dce2d5;border-radius:5px;background:#ffffffd1}.ai-website-builder-page .output-row{display:grid;grid-template-columns:30px minmax(0,1fr) 16px;gap:10px;align-items:center;padding:12px 13px}.ai-website-builder-page .output-row+.output-row{border-top:1px solid #e3e7df}.ai-website-builder-page .output-row>i{width:30px;height:30px;display:grid;place-items:center;border:1px solid #dfe5d8;border-radius:4px;color:#557347;background:#f5f8f1}.ai-website-builder-page .output-row>i .ico{width:15px;height:15px}.ai-website-builder-page .output-row b,.ai-website-builder-page .output-row small{display:block}.ai-website-builder-page .output-row b{min-width:0;font-size:12px;font-weight:620}.ai-website-builder-page .output-row small{margin-top:2px;overflow:hidden;color:#7a8075;font-size:9px;font-weight:450;text-overflow:ellipsis;white-space:nowrap}.ai-website-builder-page .output-row__check{width:14px;height:14px;color:var(--accent-dark)}.ai-website-builder-page .site-mini{display:flex;flex-direction:column;overflow:hidden;border:1px solid #d5ddce;border-radius:5px;background:#fff}.ai-website-builder-page .site-mini__bar{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid #e1e6dc;background:#edf1e8}.ai-website-builder-page .site-mini__bar>span{display:flex;gap:3px}.ai-website-builder-page .site-mini__bar i{width:4px;height:4px;border-radius:50%;background:#a9b3a1}.ai-website-builder-page .site-mini__bar em{color:#788171;font-size:7px;font-style:normal;letter-spacing:.05em;text-transform:uppercase}.ai-website-builder-page .site-mini__nav{display:flex;align-items:center;gap:7px;padding:10px 12px}.ai-website-builder-page .site-mini__nav b{width:28px;height:5px;margin-right:auto;border-radius:2px;background:#2f392a}.ai-website-builder-page .site-mini__nav span{width:19px;height:3px;border-radius:2px;background:#c8cec3}.ai-website-builder-page .site-mini__body{flex:1;display:grid;grid-template-columns:1fr .72fr;gap:10px;padding:10px 12px 12px;background:#f8faf6}.ai-website-builder-page .site-mini__body>div{display:flex;flex-direction:column;justify-content:center}.ai-website-builder-page .site-mini__body b,.ai-website-builder-page .site-mini__body span{display:block;border-radius:2px;background:#bfc7b9}.ai-website-builder-page .site-mini__body b{width:78%;height:7px;margin-bottom:5px;background:#303a2b}.ai-website-builder-page .site-mini__body b:nth-child(2){width:60%}.ai-website-builder-page .site-mini__body span{width:90%;height:3px;margin-top:5px}.ai-website-builder-page .site-mini__body>i{border-radius:3px;background:linear-gradient(145deg,#dce8d1,#8bb66d)}.ai-website-builder-page .site-mini__devices{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e1e6dc}.ai-website-builder-page .site-mini__devices span{padding:7px 4px;color:#7c8476;font-size:7px;text-align:center}.ai-website-builder-page .site-mini__devices span+span{border-left:1px solid #e1e6dc}.ai-website-builder-page .diff{overflow:hidden;border:1px solid #343431;border-radius:6px;background:#1f1f1f;color:#efefe9}.ai-website-builder-page .diff__head{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid #3a3a3a;color:#d9ddd5;font-size:11px}.ai-website-builder-page .diff__head>span{margin-left:auto;padding:4px 6px;border:1px solid #495148;border-radius:3px;color:#b7c3af;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.ai-website-builder-page .diff__body{padding:14px 0}.ai-website-builder-page .diff__line{display:grid;grid-template-columns:30px 1fr;min-height:25px;padding:2px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.ai-website-builder-page .diff__line--add{background:#34a05229;color:#baf1c6}.ai-website-builder-page .diff__line--del{background:#c4413729;color:#ffc1bb}.ai-website-builder-page .handoff-visual{min-height:194px;display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(190px,.82fr);align-items:stretch}.ai-website-builder-page .handoff-project,.ai-website-builder-page .handoff-agents{border:1px solid #dce2d5;border-radius:5px;background:#ffffffd1}.ai-website-builder-page .handoff-project{display:grid;grid-template-columns:38px 1fr;gap:13px;align-content:center;padding:18px}.ai-website-builder-page .handoff-project__icon{width:38px;height:38px;display:grid;place-items:center;border-radius:5px;color:#f4f8ef;background:#2f392a}.ai-website-builder-page .handoff-project__icon .ico{width:19px;height:19px}.ai-website-builder-page .handoff-project div>span,.ai-website-builder-page .handoff-project div>strong{display:block}.ai-website-builder-page .handoff-project div>span{color:#6f776a;font-size:9px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.ai-website-builder-page .handoff-project div>strong{max-width:24ch;margin-top:5px;font-size:13px;font-weight:570;line-height:1.4}.ai-website-builder-page .handoff-project__meta{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px;margin-top:9px;padding-top:13px;border-top:1px solid #e2e7de}.ai-website-builder-page .handoff-project__meta span{display:flex!important;align-items:center;gap:5px;padding:5px 7px;border:1px solid #e1e6dd;border-radius:4px;color:#687263!important;background:#f7f9f5;font-size:8px!important;letter-spacing:0!important;text-transform:none!important}.ai-website-builder-page .handoff-project__meta .ico{width:12px;height:12px;color:#557347}.ai-website-builder-page .handoff-arrow{display:flex;align-items:center;color:#78906a}.ai-website-builder-page .handoff-arrow span{flex:1;height:1px;background:#bfcbb7}.ai-website-builder-page .handoff-arrow .ico{width:15px;height:15px;margin-left:-2px}.ai-website-builder-page .handoff-agents{display:flex;flex-direction:column;justify-content:center;padding:14px}.ai-website-builder-page .handoff-agents>span{margin-bottom:9px;color:#747c6f;font-size:8px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.ai-website-builder-page .agents{display:grid;gap:6px}.ai-website-builder-page .agent{min-height:34px;display:flex;align-items:center;gap:8px;padding:6px 9px;border:1px solid #e0e5dc;border-radius:4px;background:#f8faf6;font-size:10px;font-weight:550}.ai-website-builder-page .agent img{width:17px;height:17px;object-fit:contain}.ai-website-builder-page .capabilities{background:var(--ink);color:var(--bone)}.ai-website-builder-page .capabilities .eyebrow,.ai-website-builder-page .capabilities .lead{color:#bdbdb7}.ai-website-builder-page .cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;border:1px solid #444440;border-radius:8px;background:#444440}.ai-website-builder-page .cap{min-height:238px;padding:28px;background:var(--ink)}.ai-website-builder-page .cap__index{color:var(--accent);font-size:11px}.ai-website-builder-page .cap h3{margin:54px 0 12px;font-size:24px;line-height:1.05;letter-spacing:-.03em;font-weight:560}.ai-website-builder-page .cap p{margin:0;color:#bdbdb7;font-size:14px}.ai-website-builder-page .diff-sec{background:var(--bone)}.ai-website-builder-page .diff__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);gap:72px;align-items:center}.ai-website-builder-page .points{margin-top:34px;border-top:1px solid var(--line)}.ai-website-builder-page .point{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.ai-website-builder-page .point__ico{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}.ai-website-builder-page .point__t,.ai-website-builder-page .point__d{display:block}.ai-website-builder-page .point__t{font-weight:650}.ai-website-builder-page .point__d{margin-top:3px;color:var(--muted);font-size:13px}.ai-website-builder-page .tool-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.ai-website-builder-page .tool-pill{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:var(--paper-warm);font-size:12px;font-weight:620}.ai-website-builder-page .tool-pill img{width:20px;height:20px;object-fit:contain}.ai-website-builder-page .codecard{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--bone);box-shadow:0 24px 62px -50px #1414148c}.ai-website-builder-page .oil-art--studio{aspect-ratio:4 / 2.2}.ai-website-builder-page .codecard__tab{display:inline-flex;align-items:center;gap:8px;font-size:12px}.ai-website-builder-page .codecard__agents{display:grid;gap:12px;padding:20px}.ai-website-builder-page .uc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.ai-website-builder-page .uc{min-height:205px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:1fr auto;gap:16px 18px;padding:26px;border:1px solid var(--line);border-radius:8px;background:var(--bone);transition:background .18s ease,border-color .18s ease,transform .18s ease}.ai-website-builder-page .uc:hover{transform:translateY(-2px);border-color:#bdbdb6;background:var(--accent-soft)}.ai-website-builder-page .uc__ico{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line-dark);border-radius:50%}.ai-website-builder-page .uc__logo{width:20px;height:20px;object-fit:contain}.ai-website-builder-page .uc__t,.ai-website-builder-page .uc__d{display:block}.ai-website-builder-page .uc__t{font-size:22px;line-height:1.05;letter-spacing:-.03em;font-weight:590}.ai-website-builder-page .uc__d{margin-top:10px;color:var(--muted);font-size:14px}.ai-website-builder-page .uc__prompt{grid-column:2;display:inline-flex;align-items:center;gap:8px;color:var(--accent-dark);font-size:13px;font-weight:650}.ai-website-builder-page .boundary{padding:clamp(34px,6vw,68px);border:1px solid var(--line);border-radius:8px;background:var(--paper-warm)}.ai-website-builder-page .boundary__h{max-width:980px}.ai-website-builder-page .boundary__lead{max-width:760px;color:var(--ink-soft);font-size:19px}.ai-website-builder-page .boundary__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:40px}.ai-website-builder-page .boundary__col{padding:28px;border:1px solid var(--line);border-radius:7px;background:#ffffff9e}.ai-website-builder-page .boundary__col h3{margin:0 0 16px;font-size:22px}.ai-website-builder-page .blist{list-style:none;margin:0;padding:0}.ai-website-builder-page .blist li{display:flex;gap:10px;padding:9px 0;color:var(--ink-soft)}.ai-website-builder-page .blist--yes .ico{color:var(--green)}.ai-website-builder-page .blist--no .ico{color:var(--red)}.ai-website-builder-page .boundary__foot{margin:26px 0 0;color:var(--muted);font-size:14px}.ai-website-builder-page .faq-sec{background:var(--bone)}.ai-website-builder-page .faq-layout{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:80px;align-items:start}.ai-website-builder-page .faq-layout .section-head{position:sticky;top:120px;margin:0}.ai-website-builder-page .faq-list{border-top:1px solid var(--line-dark)}.ai-website-builder-page .faq-list details{border-bottom:1px solid var(--line-dark)}.ai-website-builder-page .faq-list summary{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;cursor:pointer;font-size:19px;font-weight:580;list-style:none;transition:color .18s ease,padding-inline .18s ease}.ai-website-builder-page .faq-list summary::-webkit-details-marker{display:none}.ai-website-builder-page .faq-list summary:before{position:absolute;top:50%;left:0;width:2px;height:0;border-radius:999px;background:var(--accent-dark);content:"";transform:translateY(-50%);transition:height .18s ease}.ai-website-builder-page .faq-list summary:after{width:28px;height:28px;flex:0 0 28px;border:1px solid #d7ded2;border-radius:50%;color:#557347;background:linear-gradient(currentColor,currentColor) center / 10px 1px no-repeat,linear-gradient(currentColor,currentColor) center / 1px 10px no-repeat,#fff;content:"";transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}.ai-website-builder-page .faq-list details[open] summary{color:var(--ink)}.ai-website-builder-page .faq-list details[open] summary:before{height:0}.ai-website-builder-page .faq-list details[open] summary:after{border-color:#cfd9c8;background:linear-gradient(currentColor,currentColor) center / 10px 1px no-repeat,#edf2e8}.ai-website-builder-page .faq-list p{max-width:780px;margin:-6px 0 24px;color:var(--muted)}.ai-website-builder-page .related{background:var(--paper-warm)}.ai-website-builder-page .related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ai-website-builder-page .related-card{position:relative;min-height:280px;display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--bone)}.ai-website-builder-page .related-card>span{color:var(--accent-dark);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.ai-website-builder-page .related-card h3{margin:48px 0 14px;font-size:23px;line-height:1.05;letter-spacing:-.03em}.ai-website-builder-page .related-card p{margin:0;color:var(--muted);font-size:14px}.ai-website-builder-page .related-card b{margin-top:auto;padding-top:28px;font-size:13px}.ai-website-builder-page .related-card:hover{background:var(--accent-soft)}.ai-website-builder-page .comparison-logos{position:absolute;top:18px;right:18px;display:flex;gap:6px}.ai-website-builder-page .comparison-logos img{width:28px;height:28px;padding:5px;border:1px solid var(--line);border-radius:6px;background:var(--bone);object-fit:contain}.ai-website-builder-page .final-sec{padding-bottom:80px;background:var(--ink);color:var(--bone)}.ai-website-builder-page .final{text-align:center}.ai-website-builder-page .oil-art--horizon{width:min(100%,980px);aspect-ratio:16 / 7;margin:0 auto 58px}.ai-website-builder-page .final__h{max-width:920px;margin:18px auto 0;font-size:clamp(46px,5vw,68px);line-height:.98;letter-spacing:-.05em;font-weight:590}.ai-website-builder-page .final__lead{max-width:660px;margin:24px auto 30px;color:#c8c8c1;font-size:19px}.ai-website-builder-page .final .muted{color:#aaa}.ai-website-builder-page .final .btn--primary{background:var(--bone);border-color:var(--bone);color:var(--ink)}.ai-website-builder-page .final .btn--primary:hover{background:#ecece6;border-color:#ecece6}.ai-website-builder-page.motion-ready .reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.ai-website-builder-page.motion-ready .reveal.is-visible{opacity:1;transform:none}@media(max-width:1120px){.ai-website-builder-page .wrap{width:min(100% - 64px,1360px)}.ai-website-builder-page .studio__body{grid-template-columns:190px minmax(0,1fr);min-height:520px}.ai-website-builder-page .example{grid-template-columns:250px minmax(0,1fr);gap:34px}.ai-website-builder-page .related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.ai-website-builder-page .hero{padding-top:136px}.ai-website-builder-page .example,.ai-website-builder-page .how__grid,.ai-website-builder-page .diff__grid,.ai-website-builder-page .faq-layout{grid-template-columns:1fr}.ai-website-builder-page .studio__body{grid-template-columns:160px minmax(0,1fr);min-height:440px}.ai-website-builder-page .proof-strip__grid{grid-template-columns:repeat(2,1fr)}.ai-website-builder-page .proof-item:nth-child(3){border-left:0;border-top:1px solid var(--line)}.ai-website-builder-page .proof-item:nth-child(4){border-top:1px solid var(--line)}.ai-website-builder-page .example{gap:28px}.ai-website-builder-page .example__copy{max-width:680px}.ai-website-builder-page .cap-grid{grid-template-columns:repeat(2,1fr)}.ai-website-builder-page .diff__grid{gap:54px}.ai-website-builder-page .faq-layout{gap:40px}.ai-website-builder-page .faq-layout .section-head{position:static}}@media(max-width:680px){.ai-website-builder-page .wrap{width:min(100% - 36px,1360px)}.ai-website-builder-page .hero{padding:116px 0 72px}.ai-website-builder-page .hero__title{max-width:12ch;font-size:clamp(44px,12.5vw,52px);line-height:1}.ai-website-builder-page .hero__lead{font-size:18px}.ai-website-builder-page .hero__actions{flex-direction:column;align-items:stretch}.ai-website-builder-page .hero__actions .btn{width:100%}.ai-website-builder-page .studio{margin-top:46px}.ai-website-builder-page .studio__label,.ai-website-builder-page .studio__spacer{display:none}.ai-website-builder-page .studio__bar{justify-content:space-between}.ai-website-builder-page .studio__prompt{grid-template-columns:1fr}.ai-website-builder-page .studio__prompt .od-row{justify-content:stretch!important}.ai-website-builder-page .studio__prompt .btn{width:100%}.ai-website-builder-page .studio__body{display:block;min-height:0}.ai-website-builder-page .filepane{display:none}.ai-website-builder-page .stagewrap{padding:10px}.ai-website-builder-page .stagewrap__meta{align-items:flex-start;flex-direction:column}.ai-website-builder-page .stage .frame__body{aspect-ratio:16 / 10}.ai-website-builder-page .studio.is-mobile .mk-hero--showcase{grid-template-columns:1fr}.ai-website-builder-page .studio.is-mobile .mk-hero__art{order:-1}.ai-website-builder-page .section{padding:82px 0}.ai-website-builder-page .h2{font-size:clamp(34px,10vw,44px)}.ai-website-builder-page .section-head{margin-bottom:42px}.ai-website-builder-page .proof-strip__grid,.ai-website-builder-page .cap-grid,.ai-website-builder-page .uc-grid,.ai-website-builder-page .boundary__grid,.ai-website-builder-page .related-grid{grid-template-columns:1fr}.ai-website-builder-page .proof-item+.proof-item{border-left:0;border-top:1px solid var(--line)}.ai-website-builder-page .example{padding:54px 0}.ai-website-builder-page .example__frame .frame__body{aspect-ratio:16 / 10}.ai-website-builder-page .mk-links{display:none}.ai-website-builder-page .mk-nav{padding-inline:2.2em}.ai-website-builder-page .mk-hero,.ai-website-builder-page .mk-sec,.ai-website-builder-page .mk-split{padding:3em 2.6em}.ai-website-builder-page .mk-cards{padding:0 2.6em 2.6em}.ai-website-builder-page .mk-panel{margin-inline:2.6em}.ai-website-builder-page .mk-photo-grid{padding-inline:2.6em}.ai-website-builder-page .mk-logos{padding-inline:2.6em;gap:1em}.ai-website-builder-page .mk-foot{padding-inline:2.6em}.ai-website-builder-page .how__grid{gap:28px}.ai-website-builder-page .panel{min-height:340px;padding:24px}.ai-website-builder-page .cap{min-height:210px}.ai-website-builder-page .uc{min-height:190px}.ai-website-builder-page .boundary{padding:26px 20px}.ai-website-builder-page .boundary__col{padding:22px 18px}}@media(prefers-reduced-motion:reduce){.ai-website-builder-page *,.ai-website-builder-page *:before,.ai-website-builder-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ai-website-builder-page.motion-ready .reveal{opacity:1;transform:none}}.ai-website-builder-page{background:#fafafa}.ai-website-builder-page .wrap{width:100%;max-width:1360px;padding-inline:64px}.ai-website-builder-page .btn{min-height:48px;gap:12px;padding:13px 22px;border-radius:8px;box-shadow:none;font-size:14px;font-weight:500;line-height:20px;letter-spacing:-.01em;transition:background .18s ease,color .18s ease,border-color .18s ease}.ai-website-builder-page .btn:hover{transform:none}.ai-website-builder-page .btn--primary{background:#262626;border-color:#262626;color:#fff}.ai-website-builder-page .btn--primary:hover{background:#434343;border-color:#434343}.ai-website-builder-page .btn--ghost{border-color:#dedede;background:#fff;color:#262626}.ai-website-builder-page .btn--ghost:hover{border-color:#bfbfbf;background:#fff}.ai-website-builder-page .btn--sm{min-height:42px;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;line-height:18px}.ai-website-builder-page .hero{padding:146px 0 66px}.ai-website-builder-page .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);gap:56px;align-items:center}.ai-website-builder-page .hero__head{max-width:none}.ai-website-builder-page .breadcrumb{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:29px;color:#858585;font-size:12px}.ai-website-builder-page .breadcrumb strong{color:#262626;font-weight:650}.ai-website-builder-page .product-signature{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:11px;font-weight:650;letter-spacing:.13em;text-transform:uppercase}.ai-website-builder-page .product-signature__icon{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#262626;color:#fff}.ai-website-builder-page .product-signature i{width:24px;height:1px;background:#bcc2b6}.ai-website-builder-page .hero__title{max-width:11ch;margin:0;font-size:clamp(52px,5.25vw,76px);font-weight:580;line-height:1.025;letter-spacing:-.055em;text-wrap:initial}.ai-website-builder-page .hero__title em{position:relative;display:inline-block;color:inherit;font-style:normal}.ai-website-builder-page .hero__title em:after{content:"";position:absolute;z-index:-1;left:0;bottom:2px;width:100%;height:6px;background:var(--accent)}.ai-website-builder-page:not(.family-page) .hero__title{max-width:none;font-size:clamp(48px,4.4vw,64px);line-height:1.06;text-wrap:balance}.ai-website-builder-page .hero__lead{max-width:38ch;margin-top:25px;color:#61655e;font-size:18px;line-height:1.65}.ai-website-builder-page .hero__actions{margin-top:28px;gap:10px}.ai-website-builder-page .hero .btn--primary{background:#262626;border-color:transparent;color:#fff}.ai-website-builder-page .hero .btn--primary:hover{background:#434343;border-color:transparent}.ai-website-builder-page .hero__note{display:block;margin-top:17px;color:#757575;font-size:12px}.ai-website-builder-page .hero__note a{color:#343434}.ai-website-builder-page .hero-canvas{position:relative;min-width:0;height:516px;margin:0;padding:26px;overflow:hidden;border:1px solid #e2e7db;border-radius:6px;background:#edf0e8}.ai-website-builder-page .canvas-index{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;color:#68715e;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.ai-website-builder-page .canvas-index span:first-child{display:flex;align-items:center;gap:7px}.ai-website-builder-page .canvas-index i{width:6px;height:6px;border-radius:50%;background:#436a23}.ai-website-builder-page .canvas-grid{position:absolute;inset:70px 0 0;background-image:radial-gradient(#c3cbb7 .8px,transparent .8px);background-size:18px 18px;opacity:.36}.ai-website-builder-page .hero-preview-window{position:relative;z-index:1;margin:24px 0 0 16px;overflow:hidden;border:1px solid #cdd5c4;border-radius:8px;background:#fff;box-shadow:0 20px 36px -24px #34442180;transform:rotate(-2deg)}.ai-website-builder-page .hero-preview-window__bar{min-height:34px;display:flex;align-items:center;gap:10px;padding:0 12px;border-bottom:1px solid #e5e8df;color:#73776f;background:#fcfcfa;font-size:10px}.ai-website-builder-page .hero-preview-window__bar .frame__dot{width:6px;height:6px}.ai-website-builder-page .hero-site{min-height:340px;color:#232323;background:#fbfbf7;font-size:10px}.ai-website-builder-page .hero-site__nav{min-height:44px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid #e5e5df}.ai-website-builder-page .hero-site__nav b{font-size:11px}.ai-website-builder-page .hero-site__nav span{color:#777}.ai-website-builder-page .hero-site__nav em{padding:6px 10px;border:1px solid #cfcfc8;border-radius:999px;font-style:normal}.ai-website-builder-page .hero-site__body{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;padding:20px 18px 16px}.ai-website-builder-page .hero-site__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.ai-website-builder-page .hero-site__copy small{color:#47762f;font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.ai-website-builder-page .hero-site__copy strong{max-width:9ch;margin-top:10px;font-size:25px;line-height:.95;letter-spacing:-.045em}.ai-website-builder-page .hero-site__copy p{max-width:25ch;margin:11px 0 13px;color:#696969;line-height:1.5}.ai-website-builder-page .hero-site__copy>span{padding:7px 10px;border-radius:999px;background:#63fe13;font-weight:650}.ai-website-builder-page .hero-site__art{margin:0;overflow:hidden;border-radius:4px;background:#e4e2d8}.ai-website-builder-page .hero-site__art img{width:100%;height:170px;object-fit:cover}.ai-website-builder-page .hero-site__art figcaption{padding:8px 10px;background:#fff;color:#606060;font-size:8px}.ai-website-builder-page .hero-site__foot{display:grid;grid-template-columns:repeat(3,1fr);margin:0 18px;border-top:1px solid #e3e3dd}.ai-website-builder-page .hero-site__foot span{padding:11px 0;color:#707070;font-size:8px;letter-spacing:.04em;text-transform:uppercase}.ai-website-builder-page .prompt-note{position:absolute;z-index:3;right:68px;bottom:48px;left:24px;padding:16px 19px;border-radius:7px;background:#283026;color:#f1f5e9;box-shadow:0 13px 24px -15px #17260b80;transform:rotate(1deg)}.ai-website-builder-page .prompt-note>div{display:flex;justify-content:space-between;margin-bottom:8px;color:#b6c1aa;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.ai-website-builder-page .prompt-note p{max-width:43ch;margin:0;font-size:13px;line-height:1.55}.ai-website-builder-page .prompt-note p i{display:inline-block;width:5px;height:12px;margin-left:5px;background:var(--accent);vertical-align:-1px}.ai-website-builder-page .canvas-caption{position:absolute;right:26px;bottom:17px;left:26px;display:flex;justify-content:space-between;gap:8px;color:#657359;font-size:9px}@media(max-width:1100px){.ai-website-builder-page .hero .hero-canvas{height:auto}.ai-website-builder-page .hero-canvas .hero-site{min-height:0}.ai-website-builder-page .hero-canvas .hero-site__art img{height:auto;aspect-ratio:1672 / 941;object-fit:contain}.ai-website-builder-page .hero-canvas .prompt-note{position:relative;inset:auto;margin:-12px 0 0}.ai-website-builder-page .hero-canvas .canvas-caption{position:relative;inset:auto;z-index:2;flex-wrap:wrap;margin-top:16px;line-height:1.4}}.ai-website-builder-page .proof-strip{background:transparent;border-color:#d9dcd5}.ai-website-builder-page .proof-strip__grid{padding-inline:64px}.ai-website-builder-page .proof-item{padding-block:22px}.ai-website-builder-page .proof-item__n{color:#218c00}.ai-website-builder-page .proof-item b{font-weight:550}.ai-website-builder-page .proof-item small{color:#777d71}.ai-website-builder-page .section{padding:72px 0}.ai-website-builder-page .section>.wrap{max-width:1120px}.ai-website-builder-page .section-head{max-width:760px;margin-bottom:30px}.ai-website-builder-page .section .eyebrow[data-section-number]{color:#6c7365;font-size:10px;font-weight:550;letter-spacing:.12em}.ai-website-builder-page .section .eyebrow[data-section-number]:before{content:attr(data-section-number);width:23px;height:23px;display:inline-grid;place-items:center;border-radius:3px;background:#eef2e8;color:#567640;letter-spacing:0}.ai-website-builder-page .h2{max-width:25ch;margin-top:13px;font-size:clamp(30px,3.05vw,43px);font-weight:570;line-height:1.1;letter-spacing:-.035em;text-wrap:initial}.ai-website-builder-page .lead{max-width:65ch;margin-top:13px;font-size:16px;line-height:1.65}.ai-website-builder-page .example{grid-template-columns:230px minmax(0,1fr);gap:34px;padding:44px 0;border-color:#deded9}.ai-website-builder-page .example__name{font-size:30px;font-weight:570}.ai-website-builder-page .example__copy>p{font-size:14px;line-height:1.7}.ai-website-builder-page .example__list{margin-top:18px}.ai-website-builder-page .example__list li{font-size:12px;line-height:1.55}.ai-website-builder-page .example__frame{border-color:#dce1d4;border-radius:8px;box-shadow:0 20px 45px -38px #30452090}.ai-website-builder-page .example__frame .frame__bar{background:#edf0e8;border-color:#dce1d4}.ai-website-builder-page .case-shot{margin:0;overflow:hidden;border:1px solid #dce1d4;background:#f4f6ef}.ai-website-builder-page .case-shot img{display:block;width:100%;height:auto;aspect-ratio:1672 / 941;object-fit:contain;background:#ecefe8}.ai-website-builder-page .case-shot figcaption{display:flex;justify-content:space-between;gap:18px;padding:11px 14px;border-top:1px solid #dce1d4;color:#6e756a;background:#f8faf5;font-size:10px;letter-spacing:.05em;text-transform:uppercase}.ai-website-builder-page .how__grid{gap:42px}.ai-website-builder-page .step{padding:22px 0}.ai-website-builder-page .step__n{width:28px;height:28px;display:grid;place-items:center;border-radius:4px;background:#edf0e8;color:#465c35}.ai-website-builder-page .step__t{font-size:19px;font-weight:600}.ai-website-builder-page .panel{min-height:390px;padding:28px;border-color:#dfe6d7;border-radius:7px;background:#f4f6ef}.ai-website-builder-page .capabilities{background:#fafafa;color:#262626}.ai-website-builder-page .capabilities .eyebrow,.ai-website-builder-page .capabilities .lead{color:#6c7365}.ai-website-builder-page .cap-grid{gap:14px;border:0;border-radius:0;background:transparent}.ai-website-builder-page .cap{min-height:204px;padding:24px;border:1px solid #e0e6d7;border-radius:6px;background:#f4f6ef}.ai-website-builder-page .cap:nth-child(2),.ai-website-builder-page .cap:nth-child(5){background:#fff}.ai-website-builder-page .cap__index{color:#567640}.ai-website-builder-page .cap h3{margin-top:34px;font-size:22px}.ai-website-builder-page .cap p{color:#61655e;font-size:13px;line-height:1.7}.ai-website-builder-page .advantage-sec{overflow:hidden;border-block:1px solid #e0e5d8;background:#f4f6ef;color:#262626}.ai-website-builder-page .advantage-head{max-width:760px}.ai-website-builder-page .advantage-head .h2{max-width:15ch}.ai-website-builder-page .advantage-head .lead{max-width:58ch}.ai-website-builder-page .advantage-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:54px;align-items:start}.ai-website-builder-page .advantage-visual{position:relative;margin:0;padding:22px;border:1px solid #d8dfd0;border-radius:7px;background:#fbfcf9;box-shadow:0 28px 58px -50px #27391eb3}.ai-website-builder-page .advantage-visual:before{position:absolute;inset:12px -12px -12px 12px;z-index:-1;border:1px solid #dde4d5;border-radius:7px;background:#e8edde;content:"";transform:rotate(1deg)}.ai-website-builder-page .advantage-visual__head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;color:#747b6f;font-size:9px;font-weight:650;letter-spacing:.09em;text-transform:uppercase}.ai-website-builder-page .advantage-visual__head span:first-child{display:flex;align-items:center;gap:7px}.ai-website-builder-page .advantage-visual__head i{width:7px;height:7px;border-radius:50%;background:#49a927}.ai-website-builder-page .advantage-prompt{width:86%;padding:18px 20px;border-radius:5px;background:#293224;color:#f5f8f1;transform:rotate(-1deg)}.ai-website-builder-page .advantage-prompt span{color:#b8c6ad;font-size:9px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}.ai-website-builder-page .advantage-prompt p{max-width:46ch;margin:10px 0 0;font-size:13px;line-height:1.55}.ai-website-builder-page .advantage-flow{display:flex;align-items:center;gap:10px;width:58%;margin:17px auto;color:#788071;font-size:9px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.ai-website-builder-page .advantage-flow i{flex:1;height:1px;background:#c9d2c0}.ai-website-builder-page .advantage-browser{overflow:hidden;border:1px solid #d8ded2;border-radius:5px;background:#fff;box-shadow:0 18px 30px -30px #293224;transform:rotate(.5deg)}.ai-website-builder-page .advantage-browser__bar{display:flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-bottom:1px solid #e4e8e0;background:#f2f4ef}.ai-website-builder-page .advantage-browser__bar i{width:5px;height:5px;border-radius:50%;background:#c5cbc0}.ai-website-builder-page .advantage-browser__bar span{margin-left:auto;color:#959b91;font-size:7px;letter-spacing:.05em}.ai-website-builder-page .advantage-browser__nav{display:flex;justify-content:space-between;align-items:center;padding:12px 15px 10px;color:#2b2e29;font-size:7px}.ai-website-builder-page .advantage-browser__nav b{letter-spacing:.1em}.ai-website-builder-page .advantage-browser__nav span{color:#777d73}.ai-website-builder-page .advantage-browser__body{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;align-items:center;min-height:205px;padding:18px 18px 20px;background:#f2eee5}.ai-website-builder-page .advantage-browser__body>div:first-child{display:flex;flex-direction:column;align-items:flex-start}.ai-website-builder-page .advantage-browser__body small{color:#7c776f;font-size:7px;letter-spacing:.08em;text-transform:uppercase}.ai-website-builder-page .advantage-browser__body strong{max-width:8ch;margin-top:20px;font-family:Georgia,serif;font-size:24px;font-weight:500;line-height:1;letter-spacing:-.04em}.ai-website-builder-page .advantage-browser__body em{margin-top:22px;padding-bottom:3px;border-bottom:1px solid #333;font-size:8px;font-style:normal}.ai-website-builder-page .advantage-browser__art{position:relative;overflow:hidden;height:166px;background:#b8c4ab}.ai-website-builder-page .advantage-browser__art i{position:absolute;display:block;border-radius:50%}.ai-website-builder-page .advantage-browser__art i:nth-child(1){top:22px;right:20px;width:84px;height:84px;background:#dae4ce}.ai-website-builder-page .advantage-browser__art i:nth-child(2){right:-20px;bottom:-38px;width:150px;height:150px;background:#6f8760}.ai-website-builder-page .advantage-browser__art i:nth-child(3){bottom:24px;left:18px;width:46px;height:76px;border-radius:3px;background:#ece5d4;transform:rotate(-12deg)}.ai-website-builder-page .advantage-output{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:18px}.ai-website-builder-page .advantage-files{display:flex;flex-wrap:wrap;gap:6px}.ai-website-builder-page .advantage-files b{padding:6px 8px;border:1px solid #dde3d6;border-radius:3px;color:#697064;background:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;font-weight:500}.ai-website-builder-page .advantage-agents{display:flex;gap:6px}.ai-website-builder-page .advantage-agents img{width:24px;height:24px;padding:5px;border:1px solid #dce2d5;border-radius:50%;background:#fff;object-fit:contain}.ai-website-builder-page .advantage-list{border-top:1px solid #cfd7c8}.ai-website-builder-page .advantage-row{display:grid;grid-template-columns:34px 1fr;gap:18px;padding:25px 0;border-bottom:1px solid #cfd7c8}.ai-website-builder-page .advantage-row:last-child{border-bottom:0}.ai-website-builder-page .advantage-row>span{padding-top:4px;color:#5f7c4b;font-size:10px;font-weight:650;letter-spacing:.1em}.ai-website-builder-page .advantage-row h3{margin:0;font-size:22px;font-weight:570;line-height:1.15;letter-spacing:-.025em}.ai-website-builder-page .advantage-row p{max-width:56ch;margin:10px 0 0;color:#666c62;font-size:13px;line-height:1.7}.ai-website-builder-page .advantage-close{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);gap:54px;margin-top:0;padding:34px 0 0;border-top:1px solid #cfd7c8}.ai-website-builder-page .advantage-close h3{max-width:12ch;margin:15px 0 0;font-size:31px;font-weight:560;line-height:1.06;letter-spacing:-.035em}.ai-website-builder-page .advantage-close__copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}.ai-website-builder-page .advantage-close__copy p{margin:0;color:#5f655b;font-size:14px;line-height:1.75}.ai-website-builder-page .pillar-value__note a{display:inline-block;margin-left:8px;white-space:nowrap}@media(max-width:600px){.ai-website-builder-page .pillar-value__note a{display:block;width:fit-content;margin:6px 0 0}}.ai-website-builder-page .pillar-value .advantage-head{max-width:920px}.ai-website-builder-page .pillar-value .advantage-head .h2{max-width:26ch;text-wrap:balance}.ai-website-builder-page .pillar-value .advantage-head .lead{max-width:72ch}.ai-website-builder-page .pillar-value__selection{display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px 16px;border:1px solid #d8dfd0;border-radius:4px;background:#eff3e8}.ai-website-builder-page .pillar-value__selection .ico{flex:0 0 18px;width:18px;color:#496638}.ai-website-builder-page .pillar-value__selection b{display:block;font-size:13px;font-weight:600}.ai-website-builder-page .pillar-value__selection small{display:block;margin-top:4px;color:#697064;font-size:11px}.ai-website-builder-page .pillar-value .advantage-close strong{font-weight:600;color:#343a2f}@media(max-width:900px){.ai-website-builder-page .pillar-value .advantage-layout{grid-template-columns:minmax(0,1fr);gap:28px}.ai-website-builder-page .pillar-value .advantage-visual{width:100%;max-width:none}.ai-website-builder-page .pillar-value .advantage-list{border-top:0}.ai-website-builder-page .pillar-value .advantage-row:first-child{padding-top:0}}@media(min-width:901px){.ai-website-builder-page .pillar-value .advantage-layout{align-items:stretch}.ai-website-builder-page .pillar-value .advantage-visual{display:flex;flex-direction:column}.ai-website-builder-page .pillar-value .advantage-output{margin-top:auto;padding-top:20px}}.ai-website-builder-page .diff-sec{background:#fafafa}.ai-website-builder-page .diff__grid{gap:54px}.ai-website-builder-page .point__ico{border-radius:4px;background:#eef2e8;color:#496638}.ai-website-builder-page .tool-pill,.ai-website-builder-page .agent{background:#f4f6ef}.ai-website-builder-page .codecard{border-color:#dce1d4;border-radius:8px;box-shadow:0 20px 45px -38px #30452090}.ai-website-builder-page .codecard__bar{background:#edf0e8}.ai-website-builder-page .codecard__summary{display:flex;flex-direction:column;align-items:flex-start;min-height:188px;padding:24px 24px 22px;background:#eff3e8}.ai-website-builder-page .codecard__summary>span{display:flex;align-items:center;gap:8px;color:#657359;font-size:9px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}.ai-website-builder-page .codecard__summary>span i{width:7px;height:7px;border-radius:50%;background:#49a927}.ai-website-builder-page .codecard__summary>strong{max-width:14ch;margin-top:28px;font-size:28px;font-weight:560;line-height:1.02;letter-spacing:-.035em}.ai-website-builder-page .codecard__summary>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:22px}.ai-website-builder-page .codecard__summary b{padding:6px 8px;border:1px solid #d7dfcf;border-radius:3px;background:#ffffffc7;color:#6a7165;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;font-weight:500}.ai-website-builder-page .uc-grid{gap:12px}.ai-website-builder-page .uc{min-height:166px;padding:22px;border-color:#e4e4e0;background:#fff}.ai-website-builder-page .uc:nth-child(1),.ai-website-builder-page .uc:nth-child(4),.ai-website-builder-page .uc:nth-child(5),.ai-website-builder-page .uc:nth-child(8){background:#f4f6ef;border-color:transparent}.ai-website-builder-page .uc__ico{border-radius:6px;background:#fff}.ai-website-builder-page .uc__t{font-size:20px;font-weight:570}.ai-website-builder-page .uc__d{margin-top:8px;font-size:13px;line-height:1.55}.ai-website-builder-page .uc__prompt{font-size:12px}.ai-website-builder-page .boundary{padding:42px;border-color:#dfe6d4;border-radius:6px;background:#eff3e8}.ai-website-builder-page .boundary__col{padding:24px;border-color:#e0e6d7;background:#ffffffc2}.ai-website-builder-page .faq-sec{background:#fafafa}.ai-website-builder-page .faq-layout{grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr);gap:64px}.ai-website-builder-page .faq-list{border-color:#bbc5b0}.ai-website-builder-page .faq-list details{border-color:#dce2d3}.ai-website-builder-page .faq-list summary{padding-block:20px;font-size:17px;font-weight:550}@media(hover:hover)and (pointer:fine){.ai-website-builder-page .faq-list details:not([open]) summary:hover{padding-inline:12px 8px;color:#2f6e1b;background:transparent}.ai-website-builder-page .faq-list details:not([open]) summary:hover:before{height:24px}.ai-website-builder-page .faq-list details:not([open]) summary:hover:after{border-color:#293224;color:#fff;background-color:#293224;transform:rotate(90deg)}.ai-website-builder-page .faq-list details[open] summary:hover{padding-inline:0;color:var(--ink);background:transparent}.ai-website-builder-page .faq-list details[open] summary:hover:before{height:0}.ai-website-builder-page .faq-list details[open] summary:hover:after{border-color:#bfcbb6;background-color:#e3eadc}}.ai-website-builder-page .related{background:#fafafa}.ai-website-builder-page .related-grid{grid-template-columns:repeat(4,1fr);gap:12px}.ai-website-builder-page .related-card{min-height:244px;padding:22px;border-color:#e0e6d7;border-radius:6px;background:#f4f6ef}.ai-website-builder-page .related-card:first-child{background:#293224;color:#f4f8ef;border-color:#293224}.ai-website-builder-page .related-card:first-child>span,.ai-website-builder-page .related-card:first-child p{color:#b7c4aa}.ai-website-builder-page .related-card h3{margin-top:42px;font-size:21px;font-weight:560}.ai-website-builder-page .final-sec{margin-top:20px;padding:76px 0;background:#eaf0df;color:#262626}.ai-website-builder-page .final-sec>.wrap{max-width:1360px}.ai-website-builder-page .final-grid{display:grid;grid-template-columns:1fr 1fr;gap:84px;align-items:center;text-align:left}.ai-website-builder-page .final__copy{min-width:0}.ai-website-builder-page .final__h{max-width:12ch;margin:12px 0 0;font-size:clamp(40px,4.5vw,62px);font-weight:560;letter-spacing:-.045em}.ai-website-builder-page .final__lead{max-width:40ch;margin:22px 0 28px;color:#5f665a;font-size:16px}.ai-website-builder-page .final .btn--primary{background:#262626;border-color:#262626;color:#fff}.ai-website-builder-page .final .btn--primary:hover{background:#434343;border-color:#434343}.ai-website-builder-page .final .muted{margin-top:16px;color:#70776b}.ai-website-builder-page .final-preview-card{overflow:hidden;padding:16px;border:1px solid #d5ddc8;border-radius:6px;background:#fbfcf8;transform:rotate(1deg)}.ai-website-builder-page .oil-art--horizon{width:100%;aspect-ratio:16 / 8;margin:0;border-radius:4px}.ai-website-builder-page .final-preview-card__body{display:flex;flex-direction:column;gap:6px;padding:18px 8px 8px}.ai-website-builder-page .final-preview-card__body span{display:flex;align-items:center;gap:8px;color:#667259;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.ai-website-builder-page .final-preview-card__body i{width:7px;height:7px;border-radius:50%;background:#49a927}.ai-website-builder-page .final-preview-card__body strong{font-size:21px;font-weight:570}.ai-website-builder-page .final-preview-card__body small{color:#747b6f}@media(max-width:1100px){.ai-website-builder-page .wrap{padding-inline:40px}.ai-website-builder-page .hero-grid{gap:32px}.ai-website-builder-page .hero__title{font-size:59px}.ai-website-builder-page .hero-canvas{height:465px;padding:20px}.ai-website-builder-page .prompt-note{right:28px;bottom:45px;left:20px}.ai-website-builder-page .proof-strip__grid{padding-inline:40px}.ai-website-builder-page .section>.wrap{max-width:100%}}@media(max-width:820px){.ai-website-builder-page .hero{padding-top:123px}.ai-website-builder-page .hero-grid{grid-template-columns:1fr 1.05fr;gap:24px}.ai-website-builder-page .hero__title{font-size:49px}.ai-website-builder-page .hero__lead{font-size:16px}.ai-website-builder-page .hero-canvas{height:445px;padding:16px}.ai-website-builder-page .hero-site__nav span{display:none}.ai-website-builder-page .hero-site__body{grid-template-columns:1fr}.ai-website-builder-page .hero-site__copy{display:none}.ai-website-builder-page .hero-site__art img{height:230px}.ai-website-builder-page .related-grid{grid-template-columns:repeat(2,1fr)}.ai-website-builder-page .related-card{min-height:230px}.ai-website-builder-page .final-grid{gap:36px}.ai-website-builder-page .faq-layout{grid-template-columns:1fr;gap:40px}.ai-website-builder-page .advantage-layout{grid-template-columns:1fr;gap:42px}.ai-website-builder-page .advantage-visual{max-width:620px}.ai-website-builder-page .advantage-close{grid-template-columns:.72fr 1.28fr;gap:36px}}@media(max-width:680px){.ai-website-builder-page .wrap{padding-inline:22px}.ai-website-builder-page .hero{padding:112px 0 35px}.ai-website-builder-page .hero-grid{grid-template-columns:1fr;gap:35px}.ai-website-builder-page .breadcrumb{margin-bottom:21px;font-size:11px}.ai-website-builder-page .product-signature{margin-bottom:18px;font-size:9px}.ai-website-builder-page .hero__title{max-width:12ch;font-size:52px}.ai-website-builder-page .hero__lead{max-width:36ch;margin-top:22px;font-size:16px}.ai-website-builder-page .hero__actions{flex-direction:column;align-items:stretch;margin-top:24px}.ai-website-builder-page .hero .btn{width:100%}.ai-website-builder-page .hero-canvas{height:405px;padding:18px}.ai-website-builder-page .hero-preview-window{margin-top:20px;margin-left:0}.ai-website-builder-page .hero-site{min-height:286px}.ai-website-builder-page .hero-site__art img{height:184px}.ai-website-builder-page .prompt-note{right:30px;bottom:46px;left:16px;padding:13px 15px}.ai-website-builder-page .prompt-note p{font-size:12px}.ai-website-builder-page .canvas-caption{right:18px;left:18px;font-size:8px}.ai-website-builder-page .proof-strip__grid{padding-inline:22px}.ai-website-builder-page .section{padding:46px 0}.ai-website-builder-page .h2{font-size:33px}.ai-website-builder-page .section-head{margin-bottom:23px}.ai-website-builder-page .lead{font-size:14px;line-height:1.75}.ai-website-builder-page .example{grid-template-columns:1fr;gap:22px;padding:38px 0}.ai-website-builder-page .example__name{font-size:27px}.ai-website-builder-page .case-shot figcaption{font-size:9px}.ai-website-builder-page .panel{min-height:0;padding:20px}.ai-website-builder-page .panel__head{gap:12px;margin-bottom:18px}.ai-website-builder-page .panel__title{font-size:25px}.ai-website-builder-page .panel__count{padding:5px 6px}.ai-website-builder-page .prompt-card{min-height:210px;padding:18px}.ai-website-builder-page .prompt-card p{margin-top:20px;font-size:16px}.ai-website-builder-page .generate-visual{grid-template-columns:1fr}.ai-website-builder-page .site-mini{min-height:170px}.ai-website-builder-page .diff{overflow-x:auto}.ai-website-builder-page .diff__line{min-width:294px;padding-inline:10px;font-size:10px}.ai-website-builder-page .handoff-visual{grid-template-columns:1fr}.ai-website-builder-page .handoff-arrow{width:34px;height:28px;justify-self:center;transform:rotate(90deg)}.ai-website-builder-page .handoff-project{min-height:150px}.ai-website-builder-page .handoff-agents{min-height:164px}.ai-website-builder-page .agents{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-website-builder-page .agent{min-width:0;flex-direction:column;justify-content:center;gap:5px;padding:8px 4px;font-size:8px;text-align:center}.ai-website-builder-page .agent img{width:19px;height:19px}.ai-website-builder-page .cap-grid,.ai-website-builder-page .related-grid{grid-template-columns:1fr}.ai-website-builder-page .cap{min-height:176px;padding:22px}.ai-website-builder-page .cap h3{margin-top:28px}.ai-website-builder-page .advantage-head .h2{max-width:12ch}.ai-website-builder-page .advantage-visual{padding:15px}.ai-website-builder-page .advantage-prompt{width:94%}.ai-website-builder-page .advantage-browser__body{min-height:175px;padding:14px}.ai-website-builder-page .advantage-browser__body strong{font-size:21px}.ai-website-builder-page .advantage-browser__art{height:142px}.ai-website-builder-page .advantage-files b:last-child{display:none}.ai-website-builder-page .advantage-row{grid-template-columns:28px 1fr;gap:12px;padding:23px 0}.ai-website-builder-page .advantage-row h3{font-size:20px}.ai-website-builder-page .advantage-close{grid-template-columns:1fr;gap:28px;margin-top:0;padding-top:30px}.ai-website-builder-page .advantage-close__copy{grid-template-columns:1fr;gap:16px}.ai-website-builder-page .codecard__summary{min-height:166px;padding:20px}.ai-website-builder-page .codecard__summary>strong{margin-top:22px;font-size:25px}.ai-website-builder-page .uc{min-height:158px;padding:20px}.ai-website-builder-page .boundary{padding:28px 22px}.ai-website-builder-page .related-card{min-height:214px}.ai-website-builder-page .final-sec{padding:46px 0}.ai-website-builder-page .final-grid{grid-template-columns:1fr;gap:28px}.ai-website-builder-page .final__h{font-size:46px}}.ai-website-builder-page.family-page{--family-canvas: #eef1e7;--family-panel: #d9e1cf;--family-line: #d8dfd0;--family-line-soft: #e2e7dc;--family-radius: 8px}.ai-website-builder-page .family-examples{background:#fafafa}.ai-website-builder-page .family-revision{margin-top:24px;padding-top:24px;border-top:1px solid var(--family-line)}.ai-website-builder-page .family-revision>p{margin:12px 0 16px;font-size:15px;line-height:1.65;color:var(--ink-soft)}.ai-website-builder-page .copy-brief{width:fit-content;min-height:48px;height:auto;padding:12px 16px;gap:8px;font-size:13px}.ai-website-builder-page .copy-status{display:block;min-height:1.4em;margin-top:8px;color:var(--muted);font-size:12px}.ai-website-builder-page .copy-status:empty{display:none}.ai-website-builder-page .family-examples .example{grid-template-columns:minmax(280px,.4fr) minmax(0,1fr);align-items:center}.ai-website-builder-page .family-examples .example__frame img{width:100%;height:auto;object-fit:contain}.ai-website-builder-page .family-hero .hero__title{max-width:12ch}@media(min-width:821px){.ai-website-builder-page.family-page--h1-medium .hero__title{max-width:none;font-size:clamp(52px,4.5vw,64px);line-height:1.03;text-wrap:balance}.ai-website-builder-page.family-page--h1-long .hero__title{max-width:none;font-size:clamp(50px,4.2vw,60px);line-height:1.04;text-wrap:balance}.ai-website-builder-page.family-page--terminal .hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,1.1fr);gap:48px}.ai-website-builder-page.family-page--terminal .hero__title{max-width:none;font-size:clamp(52px,4.35vw,62px);line-height:1.03;text-wrap:balance}.ai-website-builder-page.family-page .faq-layout{grid-template-columns:minmax(400px,.9fr) minmax(0,1.1fr);gap:56px}.ai-website-builder-page.family-page .faq-title{max-width:20ch;font-size:38px;line-height:1.08}.ai-website-builder-page.family-page .faq-title--medium{font-size:34px}.ai-website-builder-page.family-page .faq-title--long{font-size:29px}}@media(min-width:681px){.ai-website-builder-page.family-page .section-head{max-width:920px}.ai-website-builder-page.family-page .section-head .h2,.ai-website-builder-page.family-page .boundary .h2{max-width:920px;text-wrap:balance}.ai-website-builder-page.family-page .final__h--long{max-width:15ch;font-size:clamp(36px,3.7vw,52px);line-height:1.02;text-wrap:balance}}@media(max-width:820px){.ai-website-builder-page.family-page .cap-grid{grid-template-columns:1fr}.ai-website-builder-page.family-page--h1-medium .hero__title,.ai-website-builder-page.family-page--h1-long .hero__title,.ai-website-builder-page.family-page--terminal .hero__title{max-width:none;font-size:40px;line-height:1.03;text-wrap:balance}.ai-website-builder-page.family-page--content .hero__title{font-size:36px}}@media(max-width:560px){.ai-website-builder-page.family-page--h1-medium .hero__title,.ai-website-builder-page.family-page--h1-long .hero__title{font-size:40px}.ai-website-builder-page.family-page--terminal .hero__title{font-size:42px}.ai-website-builder-page.family-page .final__h--long{font-size:40px;text-wrap:balance}}.ai-website-builder-page .family-hero-canvas .hero-site__art img{object-fit:cover}.ai-website-builder-page .family-signature{border-block:1px solid #e0e5d8;background:#f4f6ef}.ai-website-builder-page .signature-layout{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(300px,.68fr);gap:24px;align-items:stretch}.ai-website-builder-page .signature-visual{display:grid;grid-template-rows:auto 1fr;min-width:0;overflow:hidden;border:1px solid var(--family-line);border-radius:var(--family-radius);background:#fbfcf9}.ai-website-builder-page .signature-legend{min-height:44px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 24px;color:#cfcfc8;background:#293224;font-size:9px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}.ai-website-builder-page .signature-legend span+span:before{content:"·";margin-right:16px;color:#97a68b}@media(min-width:901px){.ai-website-builder-page .dev-system-section .advantage-layout{align-items:stretch}.ai-website-builder-page .dev-system-section .advantage-list{display:grid;grid-template-rows:repeat(4,minmax(min-content,1fr))}.ai-website-builder-page .dev-system-section .advantage-row{align-content:center}.ai-website-builder-page .dev-system-section .advantage-row:last-child{align-content:end;padding-bottom:22px}.ai-website-builder-page .dev-system-section .dev-system-visual{display:flex;flex-direction:column}.ai-website-builder-page .dev-system-section .dev-system-visual figcaption{margin-top:auto}}.ai-website-builder-page .signature-items{display:grid}.ai-website-builder-page .signature-item{min-width:0;display:grid;grid-template-columns:34px 1fr;gap:16px;padding:24px;border-color:#dfe5d8}.ai-website-builder-page .signature-item__n{padding-top:3px;color:#218c00;font-size:10px;font-weight:650}.ai-website-builder-page .signature-item h3{margin:0;font-size:20px;line-height:1.2;letter-spacing:-.025em;font-weight:570}.ai-website-builder-page .signature-item p{margin:11px 0 0;color:#61655e;font-size:13px;line-height:1.6}.ai-website-builder-page .signature-item small{display:block;margin-top:16px;color:#747a70;font-size:10px;line-height:1.5}.ai-website-builder-page .signature-brief{display:flex;flex-direction:column;padding:28px;border:1px solid #32332f;border-radius:var(--family-radius);color:#f5f5ef;background:#252623}.ai-website-builder-page .signature-brief>span{color:#63fe13;font-size:9px;font-weight:650;letter-spacing:.12em;text-transform:uppercase}.ai-website-builder-page .signature-brief blockquote{margin:32px 0 28px;font-size:20px;line-height:1.48;letter-spacing:-.02em}.ai-website-builder-page .signature-brief .family-files{margin-top:auto}.ai-website-builder-page .family-files{display:flex;flex-wrap:wrap;gap:7px}.ai-website-builder-page .family-files span{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #494a45;border-radius:4px;color:#dadad4;background:#30312d;font-size:11px}.ai-website-builder-page .signature-brief .tool-pill{border-color:#494a45;color:#dadad4;background:#30312d;padding-inline:8px;gap:6px;font-size:10px}.ai-website-builder-page .signature-brief .tool-pill img{width:18px;height:18px;padding:2px;border-radius:4px;background:#fff}.ai-website-builder-page .signature-visual--cost-ledger .signature-items,.ai-website-builder-page .signature-visual--trust-map .signature-items,.ai-website-builder-page .signature-visual--review-loop .signature-items,.ai-website-builder-page .signature-visual--purpose-lanes .signature-items,.ai-website-builder-page .signature-visual--expertise-map .signature-items,.ai-website-builder-page .signature-visual--design-map .signature-items,.ai-website-builder-page .signature-visual--locale-system .signature-items,.ai-website-builder-page .signature-visual--architecture-decision .signature-items,.ai-website-builder-page .signature-visual--state-matrix .signature-items{grid-template-columns:repeat(2,1fr)}.ai-website-builder-page .signature-visual--cost-ledger .signature-item,.ai-website-builder-page .signature-visual--trust-map .signature-item,.ai-website-builder-page .signature-visual--review-loop .signature-item,.ai-website-builder-page .signature-visual--purpose-lanes .signature-item,.ai-website-builder-page .signature-visual--expertise-map .signature-item,.ai-website-builder-page .signature-visual--design-map .signature-item,.ai-website-builder-page .signature-visual--locale-system .signature-item,.ai-website-builder-page .signature-visual--architecture-decision .signature-item,.ai-website-builder-page .signature-visual--state-matrix .signature-item{min-height:190px;border-right:1px solid #dfe5d8;border-bottom:1px solid #dfe5d8}.ai-website-builder-page .signature-visual--cost-ledger .signature-item small,.ai-website-builder-page .signature-visual--architecture-decision .signature-item small{padding:8px 10px;border-left:2px solid #218c00;color:#47613b;background:#eef3e9}.ai-website-builder-page .signature-visual--repo-handoff{border-color:#353a34;background:#1e211e}.ai-website-builder-page .signature-visual--repo-handoff .signature-legend{border-bottom:1px solid #414740;background:#292d29}.ai-website-builder-page .signature-visual--repo-handoff .signature-items{padding:12px 20px 20px}.ai-website-builder-page .signature-visual--repo-handoff .signature-item{min-height:96px;grid-template-columns:42px 1fr;padding:20px 0;border-bottom:1px solid #3b403a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ai-website-builder-page .signature-visual--repo-handoff .signature-item h3,.ai-website-builder-page .signature-visual--repo-handoff .signature-item p{color:#d1d8ce}.ai-website-builder-page .signature-visual--repo-handoff .signature-item small{color:#899486}.ai-website-builder-page .signature-visual--repo-handoff .signature-item h3:before{color:#63fe13;content:"~/site/"}.ai-website-builder-page .signature-visual--launch-board .signature-items,.ai-website-builder-page .signature-visual--buyer-journey .signature-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px}.ai-website-builder-page .signature-visual--launch-board .signature-item,.ai-website-builder-page .signature-visual--buyer-journey .signature-item{min-height:180px;display:flex;flex-direction:column;padding:20px;border:1px solid #dfe5d8;border-radius:6px;background:#f4f6ef}.ai-website-builder-page .signature-visual--launch-board .signature-item:nth-child(2n){background:#fff}.ai-website-builder-page .signature-visual--buyer-journey .signature-item small{margin-top:16px}.ai-website-builder-page .signature-visual--project-sequence .signature-items{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;padding:18px}.ai-website-builder-page .signature-visual--project-sequence .signature-item{min-height:180px;display:flex;flex-direction:column;justify-content:flex-start;border:1px solid #d9ddd4;background:linear-gradient(160deg,#d8d5cb 0 48%,#f6f4ee 48% 100%)}.ai-website-builder-page .signature-visual--message-stack .signature-items{padding:24px 28px 34px}.ai-website-builder-page .signature-visual--message-stack .signature-item{width:calc(100% - 72px);min-height:112px;margin-top:-1px;border:1px solid #d8dfd0;background:#fbfcf9}.ai-website-builder-page .signature-visual--message-stack .signature-item:nth-child(2){margin-left:24px}.ai-website-builder-page .signature-visual--message-stack .signature-item:nth-child(3){margin-left:48px}.ai-website-builder-page .signature-visual--message-stack .signature-item:nth-child(4){margin-left:72px;background:#eef3e9}.ai-website-builder-page .signature-visual--content-architecture .signature-items{grid-template-columns:repeat(3,1fr);gap:14px;padding:22px}.ai-website-builder-page .signature-visual--content-architecture .signature-item{position:relative;border:1px solid #d8dfd0;border-radius:6px;background:#fbfcf9}.ai-website-builder-page .signature-visual--content-architecture .signature-item:first-child{grid-column:1 / -1;width:42%;min-height:130px;margin:0 auto 54px;background:#eef3e9}.ai-website-builder-page .signature-visual--content-architecture .signature-item:first-child:after,.ai-website-builder-page .signature-visual--content-architecture .signature-item:not(:first-child):after{position:absolute;left:50%;width:1px;height:27px;background:var(--family-line);content:""}.ai-website-builder-page .signature-visual--content-architecture .signature-item:first-child:after{bottom:-42px;height:41px}.ai-website-builder-page .signature-visual--content-architecture .signature-item:not(:first-child):after{top:-28px}.ai-website-builder-page .signature-visual--content-architecture .signature-item:nth-child(3):before{position:absolute;top:-28px;left:50%;width:calc(200% + 28px);height:1px;background:var(--family-line);content:"";transform:translate(-50%)}.ai-website-builder-page .signature-visual--design-map .signature-item{background:linear-gradient(90deg,#fbf5ef 0 48%,#eef3e9 48% 100%)}.ai-website-builder-page .signature-visual--locale-system .signature-item:after{display:block;width:34px;height:3px;grid-column:2;align-self:end;margin:18px 0 0;background:#218c00;content:""}.ai-website-builder-page .signature-visual--state-matrix .signature-item:nth-child(2),.ai-website-builder-page .signature-visual--state-matrix .signature-item:nth-child(3){background:#eef3e9}.ai-website-builder-page .signature-visual--state-matrix .signature-item:nth-child(4){color:#f1f1eb;background:#293224}.ai-website-builder-page .signature-visual--state-matrix .signature-item:nth-child(4) p,.ai-website-builder-page .signature-visual--state-matrix .signature-item:nth-child(4) small{color:#bdc5b7}.ai-website-builder-page .signature-visual--state-matrix .signature-item:nth-child(4) .signature-item__n{color:#63fe13}.ai-website-builder-page .signature-visual--review-loop .signature-items{gap:14px;padding:20px;background:radial-gradient(circle at center,#e7efdf 0 14%,transparent 14%)}.ai-website-builder-page .signature-visual--review-loop .signature-item{border:1px solid #d8dfd0;border-radius:6px;background:#fbfcf9}.ai-website-builder-page .signature-visual--purpose-lanes .signature-item{border-left:4px solid var(--family-panel)}.ai-website-builder-page .family-signature--runtime-choice{background:#f1f4ec}.ai-website-builder-page .dev-runtime-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ai-website-builder-page .dev-runtime-card{min-width:0;display:flex;flex-direction:column;min-height:470px;padding:26px;border:1px solid #cfd7c8;border-radius:8px;background:#fbfcf9}.ai-website-builder-page .dev-runtime-card--1{color:#f3f4ed;border-color:#30362e;background:#293224}.ai-website-builder-page .dev-runtime-card--2{background:#eaf2e3}.ai-website-builder-page .dev-runtime-card__top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid #d8dfd0}.ai-website-builder-page .dev-runtime-card--1 .dev-runtime-card__top{border-color:#495245}.ai-website-builder-page .dev-runtime-card__index,.ai-website-builder-page .dev-runtime-card__label{font-size:10px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}.ai-website-builder-page .dev-runtime-card__index{color:#218c00}.ai-website-builder-page .dev-runtime-card--1 .dev-runtime-card__index{color:#63fe13}.ai-website-builder-page .dev-runtime-card__label{color:#687064}.ai-website-builder-page .dev-runtime-card--1 .dev-runtime-card__label{color:#bdc8b8}.ai-website-builder-page .dev-runtime-card h3{margin:28px 0 0;font-size:27px;line-height:1.08;letter-spacing:-.035em;font-weight:570}.ai-website-builder-page .dev-runtime-card>p{margin:17px 0 0;color:#61655e;font-size:13px;line-height:1.65}.ai-website-builder-page .dev-runtime-card--1>p{color:#bdc8b8}.ai-website-builder-page .dev-runtime-tools{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;gap:7px;margin-top:24px}.ai-website-builder-page .dev-runtime-tools span{min-height:32px;display:inline-flex;align-items:center;gap:6px;padding:0 8px;border:1px solid #ccd5c5;border-radius:5px;color:#4f584b;background:#ffffffb8;font-size:10px;font-weight:560}.ai-website-builder-page .dev-runtime-card--1 .dev-runtime-tools span{color:#e4e8e0;border-color:#4d5849;background:#353e32}.ai-website-builder-page .dev-runtime-tools img{width:17px;height:17px;object-fit:contain;padding:2px;border-radius:4px;background:#fff}.ai-website-builder-page .dev-runtime-card dl{margin:auto 0 0}.ai-website-builder-page .dev-runtime-card dl>div{padding:15px 0 0;margin-top:15px;border-top:1px solid #d8dfd0}.ai-website-builder-page .dev-runtime-card--1 dl>div{border-color:#495245}.ai-website-builder-page .dev-runtime-card dt{color:#218c00;font-size:9px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}.ai-website-builder-page .dev-runtime-card--1 dt{color:#63fe13}.ai-website-builder-page .dev-runtime-card dd{margin:7px 0 0;color:#555c52;font-size:11px;line-height:1.5}.ai-website-builder-page .dev-runtime-card--1 dd{color:#bdc8b8}.ai-website-builder-page .dev-runtime-note{margin:22px 0 0;padding:18px 20px;border-left:3px solid #218c00;color:#61655e;background:#e8eee2;font-size:12px;line-height:1.65}.ai-website-builder-page .dev-runtime-note strong{color:#272925}.ai-website-builder-page .dev-system-visual{min-width:0;overflow:hidden;margin:0;border:1px solid #cfd7c8;border-radius:8px;background:#fbfcf9}@media(min-width:681px){.ai-website-builder-page .dev-system-section .advantage-head{max-width:none}.ai-website-builder-page .dev-system-section .advantage-head .h2{max-width:980px;text-wrap:balance}.ai-website-builder-page .dev-system-section .advantage-head .lead{max-width:900px}}.ai-website-builder-page .dev-system-visual__head{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;color:#d4dacf;background:#293224;font-size:9px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}.ai-website-builder-page .dev-system-visual__head span:first-child{display:inline-flex;align-items:center;gap:8px}.ai-website-builder-page .dev-system-visual__head i{width:7px;height:7px;border-radius:50%;background:#63fe13}.ai-website-builder-page .dev-system-sources,.ai-website-builder-page .dev-system-output{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:22px}.ai-website-builder-page .dev-system-sources span,.ai-website-builder-page .dev-system-output span{min-height:62px;display:flex;align-items:center;padding:14px;border:1px solid #d8dfd0;border-radius:5px;color:#535a50;background:#f5f7f1;font-size:12px;font-weight:560}.ai-website-builder-page .dev-system-core{position:relative;margin:4px 22px;padding:28px;border-radius:7px;color:#f2f4ed;background:#293224}.ai-website-builder-page .dev-system-core:before,.ai-website-builder-page .dev-system-core:after{position:absolute;left:50%;width:1px;height:16px;background:#218c00;content:""}.ai-website-builder-page .dev-system-core:before{top:-16px}.ai-website-builder-page .dev-system-core:after{bottom:-16px}.ai-website-builder-page .dev-system-core span,.ai-website-builder-page .dev-system-core small{display:block;color:#bdc8b8;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.ai-website-builder-page .dev-system-core strong{display:block;margin:14px 0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:29px;font-weight:560}.ai-website-builder-page .dev-system-output{padding-top:22px}.ai-website-builder-page .dev-system-output span{border-color:#cbd8c2;background:#eaf2e3}.ai-website-builder-page .dev-system-visual figcaption{margin:0 22px 22px;padding-top:16px;border-top:1px solid #d8dfd0;color:#6d7369;font-size:11px;line-height:1.55}.ai-website-builder-page .family-workflow-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:42px;align-items:stretch}.ai-website-builder-page .family-workflow-steps{margin:0;padding:32px 0;display:flex;flex-direction:column;justify-content:space-between;list-style:none}.ai-website-builder-page .family-workflow-steps li{display:grid;grid-template-columns:38px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid #d9dcd5}.ai-website-builder-page .family-workflow-steps p{margin:9px 0 0;color:#61655e;font-size:13px;line-height:1.65}.ai-website-builder-page .family-workflow-steps .step__t{margin:0;line-height:1.25}.ai-website-builder-page .family-workflow-panel{min-height:0;padding:32px;display:flex;flex-direction:column}.ai-website-builder-page .family-workflow-panel h3{max-width:none;margin:22px 0 0;font-size:31px;font-weight:560;line-height:1.05;letter-spacing:-.035em}.ai-website-builder-page .family-workflow-panel>p{max-width:48ch;margin:16px 0 0;color:#61655e;font-size:14px;line-height:1.65}.ai-website-builder-page .family-workflow-checks{margin-top:28px;flex:1;display:flex;flex-direction:column;justify-content:space-between;border-top:1px solid var(--family-line)}.ai-website-builder-page .family-workflow-steps li:first-child{padding-top:0}.ai-website-builder-page .family-workflow-grid+.family-revision{margin-top:24px;padding:28px 32px;border:1px solid var(--family-line);border-radius:var(--family-radius);background:#f4f6ef;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:40px;align-items:center}.ai-website-builder-page .family-workflow-grid+.family-revision>.eyebrow{grid-column:1}.ai-website-builder-page .family-workflow-grid+.family-revision>p{grid-column:1;margin:12px 0 0;max-width:90ch}.ai-website-builder-page .family-workflow-grid+.family-revision>.copy-brief{grid-column:2;grid-row:1 / span 2;margin:0}.ai-website-builder-page .family-workflow-grid+.family-revision>.copy-status{grid-column:1 / -1;margin-top:12px}.ai-website-builder-page .family-workflow-checks>div{display:grid;grid-template-columns:22px 1fr;gap:12px;padding:17px 0;border-bottom:1px solid #d7ded2}.ai-website-builder-page .family-workflow-checks .ico{color:#218c00}.ai-website-builder-page .family-workflow-checks b,.ai-website-builder-page .family-workflow-checks small{display:block}.ai-website-builder-page .family-workflow-checks b{font-size:13px;font-weight:570}.ai-website-builder-page .family-workflow-checks small{margin-top:4px;color:#747a70;font-size:11px;line-height:1.5}.ai-website-builder-page .family-final .muted,.ai-website-builder-page.family-page .final .muted{font-size:12px}.ai-website-builder-page.family-page--services{--family-panel: #c9bda7}.ai-website-builder-page.family-page--editorial,.ai-website-builder-page.family-page--personal,.ai-website-builder-page.family-page--agency{--family-panel: #aaa599}.ai-website-builder-page.family-page--campaign,.ai-website-builder-page.family-page--content{--family-panel: #b7c4aa}.ai-website-builder-page.family-page--interactive,.ai-website-builder-page.family-page--locale{--family-panel: #9eb28f}.ai-website-builder-page.family-page--figma{--family-panel: #c8af9d}.ai-website-builder-page.family-page .cap,.ai-website-builder-page.family-page .related-card,.ai-website-builder-page.family-page .boundary,.ai-website-builder-page.family-page .boundary__col,.ai-website-builder-page.family-page .family-workflow-panel,.ai-website-builder-page.family-page .advantage-visual,.ai-website-builder-page.family-page .dev-system-visual{border-color:var(--family-line);border-radius:var(--family-radius)}.ai-website-builder-page.family-page .related-card:first-child{border-color:#293224}.ai-website-builder-page.family-page .cap-grid,.ai-website-builder-page.family-page .related-grid,.ai-website-builder-page .dev-runtime-grid{gap:16px}.ai-website-builder-page.family-page .cap h3,.ai-website-builder-page.family-page .related-card h3{line-height:1.18}.ai-website-builder-page.family-page .signature-item>div,.ai-website-builder-page.family-page .family-workflow-steps li>div,.ai-website-builder-page.family-page .family-workflow-checks>div>span{min-width:0}.ai-website-builder-page .signature-visual:is(.signature-visual--cost-ledger,.signature-visual--trust-map,.signature-visual--purpose-lanes,.signature-visual--expertise-map,.signature-visual--design-map,.signature-visual--locale-system,.signature-visual--architecture-decision,.signature-visual--state-matrix) .signature-item:nth-child(2n){border-right:0}.ai-website-builder-page .signature-visual:is(.signature-visual--cost-ledger,.signature-visual--trust-map,.signature-visual--purpose-lanes,.signature-visual--expertise-map,.signature-visual--design-map,.signature-visual--locale-system,.signature-visual--architecture-decision,.signature-visual--state-matrix) .signature-item:nth-last-child(-n+2){border-bottom:0}.ai-website-builder-page .family-workflow-steps,.ai-website-builder-page .family-workflow-steps li,.ai-website-builder-page .family-workflow-checks>div{border-color:var(--family-line)}.ai-website-builder-page .family-workflow-steps li:last-child{border-bottom:0;padding-bottom:0}.ai-website-builder-page .family-workflow-checks>div:last-child{border-bottom:0;padding-bottom:0}.ai-website-builder-page.family-page .family-workflow-panel h3{font-size:clamp(26px,2.3vw,31px);line-height:1.15}.ai-website-builder-page.family-page .boundary__col h3{line-height:1.25}.ai-website-builder-page.family-page .example__list li,.ai-website-builder-page.family-page .advantage-row,.ai-website-builder-page.family-page .advantage-close,.ai-website-builder-page.family-page .faq-list details{border-color:var(--family-line)}.ai-website-builder-page.family-page .faq-list summary{line-height:1.45}@media(min-width:901px){.ai-website-builder-page .family-signature--content-architecture .signature-layout{grid-template-columns:1fr}.ai-website-builder-page .family-signature--content-architecture .signature-brief{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);column-gap:40px;align-items:start}.ai-website-builder-page .family-signature--content-architecture .signature-brief>span{grid-column:1;grid-row:1}.ai-website-builder-page .family-signature--content-architecture .signature-brief blockquote{grid-column:1;grid-row:2;margin:16px 0 0}.ai-website-builder-page .family-signature--content-architecture .family-files{grid-column:2;grid-row:1;margin-top:0}.ai-website-builder-page .family-signature--content-architecture .tool-row{grid-column:2;grid-row:2;margin-top:16px}}@supports (grid-template-rows: subgrid){@media(min-width:561px){.ai-website-builder-page .signature-visual:is(.signature-visual--launch-board,.signature-visual--buyer-journey,.signature-visual--project-sequence) .signature-items{grid-template-rows:repeat(4,auto)}.ai-website-builder-page .signature-visual:is(.signature-visual--launch-board,.signature-visual--buyer-journey,.signature-visual--project-sequence) .signature-item{display:grid;grid-row:span 4;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;row-gap:0}.ai-website-builder-page .signature-visual:is(.signature-visual--launch-board,.signature-visual--buyer-journey,.signature-visual--project-sequence) .signature-item>div{display:contents}.ai-website-builder-page .signature-visual:is(.signature-visual--launch-board,.signature-visual--buyer-journey,.signature-visual--project-sequence) .signature-item h3{margin-top:16px}}@media(min-width:821px){.ai-website-builder-page.family-page .cap-grid{grid-template-rows:auto auto 1fr}.ai-website-builder-page.family-page .cap{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0}}@media(min-width:681px){.ai-website-builder-page.family-page .related-grid{grid-template-rows:auto auto 1fr auto}.ai-website-builder-page.family-page .related-card{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0}}@media(min-width:901px){.ai-website-builder-page .dev-runtime-grid{grid-template-rows:repeat(6,auto)}.ai-website-builder-page .dev-runtime-card{display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:0}.ai-website-builder-page .dev-runtime-card dl{display:contents}}}@media(max-width:900px){.ai-website-builder-page.family-page .boundary__grid{grid-template-columns:minmax(0,1fr)}.ai-website-builder-page .family-workflow-steps{padding-block:0}.ai-website-builder-page .family-workflow-grid{gap:28px}.ai-website-builder-page .family-workflow-grid+.family-revision{grid-template-columns:1fr;row-gap:0;padding:24px}.ai-website-builder-page .family-workflow-grid+.family-revision>.copy-brief{grid-column:1;grid-row:auto;margin-top:20px}.ai-website-builder-page .signature-layout,.ai-website-builder-page .family-workflow-grid,.ai-website-builder-page .family-examples .example,.ai-website-builder-page .dev-runtime-grid{grid-template-columns:1fr}.ai-website-builder-page .dev-runtime-card{min-height:0}.ai-website-builder-page .signature-visual--launch-board .signature-items,.ai-website-builder-page .signature-visual--buyer-journey .signature-items,.ai-website-builder-page .signature-visual--project-sequence .signature-items,.ai-website-builder-page .signature-visual--content-architecture .signature-items{grid-template-columns:repeat(2,1fr)}.ai-website-builder-page .signature-visual--content-architecture .signature-item:first-child{width:70%;margin-bottom:20px}.ai-website-builder-page .signature-visual--content-architecture .signature-item:before,.ai-website-builder-page .signature-visual--content-architecture .signature-item:after{display:none}}@media(max-width:560px){.ai-website-builder-page .family-hero .hero__title{max-width:none}.ai-website-builder-page .signature-legend{gap:8px 12px;padding-block:11px}.ai-website-builder-page .signature-legend span{display:inline}.ai-website-builder-page .signature-legend span+span:before{margin-right:12px}.ai-website-builder-page .signature-visual--cost-ledger .signature-items,.ai-website-builder-page .signature-visual--trust-map .signature-items,.ai-website-builder-page .signature-visual--review-loop .signature-items,.ai-website-builder-page .signature-visual--purpose-lanes .signature-items,.ai-website-builder-page .signature-visual--expertise-map .signature-items,.ai-website-builder-page .signature-visual--design-map .signature-items,.ai-website-builder-page .signature-visual--locale-system .signature-items,.ai-website-builder-page .signature-visual--architecture-decision .signature-items,.ai-website-builder-page .signature-visual--state-matrix .signature-items,.ai-website-builder-page .signature-visual--launch-board .signature-items,.ai-website-builder-page .signature-visual--buyer-journey .signature-items,.ai-website-builder-page .signature-visual--project-sequence .signature-items,.ai-website-builder-page .signature-visual--content-architecture .signature-items{grid-template-columns:1fr}.ai-website-builder-page .signature-visual--cost-ledger .signature-item,.ai-website-builder-page .signature-visual--trust-map .signature-item,.ai-website-builder-page .signature-visual--review-loop .signature-item,.ai-website-builder-page .signature-visual--purpose-lanes .signature-item,.ai-website-builder-page .signature-visual--expertise-map .signature-item,.ai-website-builder-page .signature-visual--design-map .signature-item,.ai-website-builder-page .signature-visual--locale-system .signature-item,.ai-website-builder-page .signature-visual--architecture-decision .signature-item,.ai-website-builder-page .signature-visual--state-matrix .signature-item,.ai-website-builder-page .signature-visual--project-sequence .signature-item,.ai-website-builder-page .signature-visual--project-sequence .signature-item:nth-child(2),.ai-website-builder-page .signature-visual--project-sequence .signature-item:nth-child(3),.ai-website-builder-page .signature-visual--project-sequence .signature-item:nth-child(4){min-height:0;border-right:0}.ai-website-builder-page .signature-visual--content-architecture .signature-items{background:none}.ai-website-builder-page .signature-visual--content-architecture .signature-item:first-child{grid-column:auto;width:auto;margin:0}.ai-website-builder-page .signature-visual--message-stack .signature-items{padding:18px}.ai-website-builder-page .signature-visual--message-stack .signature-item,.ai-website-builder-page .signature-visual--message-stack .signature-item:nth-child(2),.ai-website-builder-page .signature-visual--message-stack .signature-item:nth-child(3),.ai-website-builder-page .signature-visual--message-stack .signature-item:nth-child(4){width:auto;margin-left:0}.ai-website-builder-page .signature-brief{padding:22px}.ai-website-builder-page .signature-brief blockquote{margin-top:30px;font-size:18px}.ai-website-builder-page .family-workflow-panel{padding:24px}.ai-website-builder-page .dev-runtime-card{padding:22px}.ai-website-builder-page .dev-runtime-card h3{font-size:24px}.ai-website-builder-page .dev-system-sources,.ai-website-builder-page .dev-system-output{grid-template-columns:1fr;padding:18px}.ai-website-builder-page .dev-system-core{margin-inline:18px;padding:24px}.ai-website-builder-page .signature-visual:is(.signature-visual--cost-ledger,.signature-visual--trust-map,.signature-visual--purpose-lanes,.signature-visual--expertise-map,.signature-visual--design-map,.signature-visual--locale-system,.signature-visual--architecture-decision,.signature-visual--state-matrix) .signature-item:nth-last-child(2){border-bottom:1px solid var(--family-line)}.ai-website-builder-page .signature-item{grid-template-columns:24px minmax(0,1fr);gap:12px;padding:22px}.ai-website-builder-page .signature-visual--launch-board .signature-item,.ai-website-builder-page .signature-visual--buyer-journey .signature-item{min-height:0}.ai-website-builder-page .family-workflow-grid,.ai-website-builder-page .signature-layout{gap:20px}}.ai-website-builder-main{min-width:0}.ai-website-builder-page{isolation:isolate}.ai-website-builder-page [id]{scroll-margin-top:96px}.ai-website-builder-page .proof-strip{padding:0}.ai-website-builder-page .hero{display:block;min-height:0;background:transparent;overflow:visible}.ai-website-builder-page:not([data-locale=en]) .hero__title{max-width:none;font-size:clamp(38px,4vw,60px);line-height:1.14;letter-spacing:-.035em;overflow-wrap:anywhere;text-wrap:balance}.ai-website-builder-page:not([data-locale=en]) .hero__title em{display:inline}.ai-website-builder-page:lang(zh-CN) .hero__title,.ai-website-builder-page:lang(ja) .hero__title,.ai-website-builder-page:lang(ko) .hero__title{letter-spacing:-.01em;line-height:1.2}.ai-website-builder-page:lang(zh-CN) p,.ai-website-builder-page:lang(ja) p,.ai-website-builder-page:lang(ko) p{line-height:1.8}.ai-website-builder-page:not([data-locale=en]) :is(h2,h3,p,li){overflow-wrap:anywhere}.ai-website-builder-page:not([data-locale=en]) :is(.boundary__col,.output-row b){min-width:0}.ai-website-builder-page:not([data-locale=en]) .output-row small{white-space:normal;overflow-wrap:anywhere}.ai-website-builder-page:not([data-locale=en]) .hero__actions{flex-wrap:wrap}.ai-website-builder-page:not([data-locale=en]) .btn{white-space:normal;text-align:center}.ai-website-builder-page:not([data-locale=en]) :is(.canvas-index,.hero-site__nav,.hero-site__foot,.canvas-caption){gap:8px;flex-wrap:wrap}.ai-website-builder-page:not([data-locale=en]) .hero-site__art figcaption{overflow-wrap:anywhere}.ai-website-builder-page:not([data-locale=en]) [aria-disabled=true]{opacity:.45;cursor:default}.ai-website-builder-page:lang(tr):not(.family-page) .hero__title{font-size:clamp(34px,3.3vw,48px)}.ai-website-builder-page[data-locale=de][data-page-name=solutions_ai_website_builder_consulting] .hero__title{font-size:clamp(32px,3.1vw,44px)}@media(max-width:680px){.ai-website-builder-page:not([data-locale=en]) .hero__title{font-size:38px}.ai-website-builder-page:not([data-locale=en]) .hero__lead{font-size:17px}.ai-website-builder-page:not([data-locale=en]) .section-title{font-size:34px}.ai-website-builder-page:lang(ja):not(.family-page) .hero__title{font-size:26px;line-height:1.3;text-wrap:wrap}.ai-website-builder-page:lang(tr):not(.family-page) .hero__title{font-size:34px}.ai-website-builder-page[data-locale=de][data-page-name=solutions_ai_website_builder_consulting] .hero__title{font-size:clamp(28px,8vw,32px)}}@media(max-width:360px){.ai-website-builder-page[data-locale=de][data-page-name=solutions_ai_website_builder_consulting] .hero__title{font-size:26px}.ai-website-builder-page[data-locale=pt-br][data-page-name=solutions_ai_website_builder_developers] .hero__title{font-size:34px}}
.tool-feature-grid[data-astro-cid-3vbrdsxi]{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.tool-feature-card[data-astro-cid-3vbrdsxi]{border:1px solid var(--hairline, #0000001a);border-radius:12px;padding:1.1rem 1.2rem;background:var(--surface, #fff)}.tool-feature-card[data-astro-cid-3vbrdsxi] h3[data-astro-cid-3vbrdsxi]{margin:0 0 .35rem;font-size:1.02rem}.tool-feature-card[data-astro-cid-3vbrdsxi] p[data-astro-cid-3vbrdsxi]{margin:0;color:var(--muted, #555);font-size:.94rem;line-height:1.5}
.tool-feature-grid[data-astro-cid-a57wktvb]{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.tool-feature-card[data-astro-cid-a57wktvb]{border:1px solid var(--hairline, #0000001a);border-radius:12px;padding:1.1rem 1.2rem;background:var(--surface, #fff)}.tool-feature-card[data-astro-cid-a57wktvb] h3[data-astro-cid-a57wktvb]{margin:0 0 .35rem;font-size:1.02rem}.tool-feature-card[data-astro-cid-a57wktvb] p[data-astro-cid-a57wktvb]{margin:0;color:var(--muted, #555);font-size:.94rem;line-height:1.5}
.tool-feature-grid[data-astro-cid-dkdfmuln]{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.tool-feature-card[data-astro-cid-dkdfmuln]{border:1px solid var(--hairline, #0000001a);border-radius:12px;padding:1.1rem 1.2rem;background:var(--surface, #fff)}.tool-feature-card[data-astro-cid-dkdfmuln] h3[data-astro-cid-dkdfmuln]{margin:0 0 .35rem;font-size:1.02rem}.tool-feature-card[data-astro-cid-dkdfmuln] p[data-astro-cid-dkdfmuln]{margin:0;color:var(--muted, #555);font-size:.94rem;line-height:1.5}
.tool-feature-grid[data-astro-cid-lqhbzyw2]{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.tool-feature-card[data-astro-cid-lqhbzyw2]{border:1px solid var(--hairline, #0000001a);border-radius:12px;padding:1.1rem 1.2rem;background:var(--surface, #fff)}.tool-feature-card[data-astro-cid-lqhbzyw2] h3[data-astro-cid-lqhbzyw2]{margin:0 0 .35rem;font-size:1.02rem}.tool-feature-card[data-astro-cid-lqhbzyw2] p[data-astro-cid-lqhbzyw2]{margin:0;color:var(--muted, #555);font-size:.94rem;line-height:1.5}
.tool-feature-grid[data-astro-cid-ldtobddj]{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.tool-feature-card[data-astro-cid-ldtobddj]{border:1px solid var(--hairline, #0000001a);border-radius:12px;padding:1.1rem 1.2rem;background:var(--surface, #fff)}.tool-feature-card[data-astro-cid-ldtobddj] h3[data-astro-cid-ldtobddj]{margin:0 0 .35rem;font-size:1.02rem}.tool-feature-card[data-astro-cid-ldtobddj] p[data-astro-cid-ldtobddj]{margin:0;color:var(--muted, #555);font-size:.94rem;line-height:1.5}
.tool-feature-grid[data-astro-cid-kobsu5fv]{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.tool-feature-card[data-astro-cid-kobsu5fv]{border:1px solid var(--hairline, #0000001a);border-radius:12px;padding:1.1rem 1.2rem;background:var(--surface, #fff)}.tool-feature-card[data-astro-cid-kobsu5fv] h3[data-astro-cid-kobsu5fv]{margin:0 0 .35rem;font-size:1.02rem}.tool-feature-card[data-astro-cid-kobsu5fv] p[data-astro-cid-kobsu5fv]{margin:0;color:var(--muted, #555);font-size:.94rem;line-height:1.5}
.image-generation-main{padding-top:104px}.image-generation-solution{width:100%;max-width:1180px;margin-inline:auto}.image-generation-solution .ig-hero{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(40px,5vw,72px);align-items:center;min-height:min(640px,calc(100dvh - 144px));padding:24px 0 36px}.image-generation-solution .ig-hero-copy{min-width:0}.image-generation-solution .ig-kicker{display:inline-block;margin-bottom:24px;color:var(--od-brand-deep);font-family:var(--sans);font-size:12px;font-weight:700;line-height:1.25;letter-spacing:.12em;text-transform:uppercase}.image-generation-solution .ig-hero h1{margin:0;color:var(--od-strong);font-family:var(--sans);font-size:clamp(50px,4.2vw,62px);font-weight:700;line-height:.98;letter-spacing:-.045em}.image-generation-solution .ig-hero h1 span{display:block;white-space:nowrap}.image-generation-solution .ig-hero-copy>p{max-width:500px;margin:28px 0 0;color:var(--od-secondary);font-family:var(--sans);font-size:18px;line-height:1.5}.image-generation-solution .solution-hero-cta{display:flex;align-items:center;gap:24px;margin-top:32px}.image-generation-solution .ig-hero-visual{min-width:0;margin:0}.image-generation-solution .ig-hero-media{overflow:hidden;aspect-ratio:4 / 3;border-radius:12px;background:var(--od-soft)}.image-generation-solution .ig-hero-media img{display:block;width:100%;height:100%;object-fit:cover}.image-generation-solution .ig-hero-prompt{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;width:100%;padding:16px 0 0;color:var(--od-strong);border:0;background:transparent;font:inherit;text-align:left;cursor:pointer}.image-generation-solution .ig-hero-prompt>span{color:var(--od-brand-deep);font-size:12px;font-weight:700;text-transform:uppercase}.image-generation-solution .ig-hero-prompt>strong{overflow:hidden;color:var(--od-secondary);font-size:13px;font-weight:400;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.image-generation-solution .ig-hero-prompt>b{font-size:16px;font-weight:500;transition:transform .18s ease}.image-generation-solution .ig-hero-prompt:hover>b{transform:translate(2px,-2px)}.image-generation-solution .ig-model-rail{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:32px;align-items:center;padding:22px 0;border-top:1px solid var(--od-border);border-bottom:1px solid var(--od-border)}.image-generation-solution .ig-model-rail>div{display:flex;flex-wrap:wrap;gap:6px 16px}.image-generation-solution .ig-model-rail strong,.image-generation-solution .ig-model-rail span,.image-generation-solution .ig-model-rail li{font-family:var(--sans);font-size:13px;line-height:1.4}.image-generation-solution .ig-model-rail strong{color:var(--od-strong)}.image-generation-solution .ig-model-rail span{color:var(--od-muted)}.image-generation-solution .ig-model-rail ul{display:flex;gap:0;margin:0;padding:0;list-style:none}.image-generation-solution .ig-model-rail li{position:relative;margin:0;padding:0 18px;color:var(--od-strong);font-weight:600;white-space:nowrap}.image-generation-solution .ig-model-rail li+li{border-left:1px solid var(--od-border)}.image-generation-solution .ig-model-rail li:last-child{padding-right:0}.image-generation-solution .ig-section-head{max-width:720px;margin-bottom:40px}.image-generation-solution .ig-section-head h2,.image-generation-solution .ig-access h2,.image-generation-solution .ig-faq>h2,.image-generation-solution .ig-final-cta h2{margin:0;color:var(--od-strong);font-family:var(--sans);font-size:clamp(36px,4.5vw,56px);font-weight:700;line-height:1.04;letter-spacing:-.035em}.image-generation-solution .ig-section-head p{max-width:620px;margin:16px 0 0;color:var(--od-secondary);font-size:16px;line-height:1.55}.image-generation-solution .ig-access h2{font-size:clamp(36px,3.8vw,48px)}.image-generation-solution .ig-gallery{padding:104px 0 96px}.image-generation-solution .ig-gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:280px;gap:24px}.image-generation-solution .ig-gallery-card{grid-column:span 4;grid-row:span 2;min-width:0;margin:0}.image-generation-solution .ig-gallery-card:nth-child(1),.image-generation-solution .ig-gallery-card:nth-child(14){grid-column:span 8;grid-row:span 2}.image-generation-solution .ig-gallery-card:nth-child(2),.image-generation-solution .ig-gallery-card:nth-child(3),.image-generation-solution .ig-gallery-card:nth-child(6),.image-generation-solution .ig-gallery-card:nth-child(7),.image-generation-solution .ig-gallery-card:nth-child(8),.image-generation-solution .ig-gallery-card:nth-child(15),.image-generation-solution .ig-gallery-card:nth-child(16){grid-column:span 4;grid-row:span 1}.image-generation-solution .ig-gallery-card:nth-child(4),.image-generation-solution .ig-gallery-card:nth-child(5),.image-generation-solution .ig-gallery-card:nth-child(12),.image-generation-solution .ig-gallery-card:nth-child(13){grid-column:span 6;grid-row:span 2}.image-generation-solution .ig-gallery-open{display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;padding:0;overflow:hidden;color:inherit;border:0;border-radius:12px;background:var(--od-white);box-shadow:inset 0 0 0 1px var(--od-border);font:inherit;text-align:left;cursor:pointer;transition:box-shadow .18s ease,transform .18s ease}.image-generation-solution .ig-gallery-open:hover{box-shadow:inset 0 0 0 1px var(--od-border-hover);transform:translateY(-2px)}.image-generation-solution .ig-gallery-open:focus-visible,.image-generation-solution .ig-hero-prompt:focus-visible{outline:3px solid color-mix(in srgb,var(--od-brand) 48%,transparent);outline-offset:3px}.image-generation-solution .ig-gallery-media{min-height:0;overflow:hidden;border-radius:12px 12px 0 0;background:var(--od-soft)}.image-generation-solution .ig-gallery-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .48s cubic-bezier(.2,.8,.2,1)}.image-generation-solution .ig-gallery-open:hover img{transform:scale(1.025)}.image-generation-solution .ig-gallery-caption{display:flex;gap:20px;align-items:end;justify-content:space-between;padding:16px}.image-generation-solution .ig-gallery-caption>div{min-width:0}.image-generation-solution .ig-gallery-caption span{color:var(--od-muted);font-size:11px;line-height:1.3}.image-generation-solution .ig-gallery-caption h3{margin:3px 0 0;color:var(--od-strong);font-family:var(--sans);font-size:18px;font-weight:700;line-height:1.25}.image-generation-solution .ig-gallery-caption p{display:flex;flex:0 0 auto;flex-direction:column;align-items:end;gap:2px;margin:0;color:var(--od-secondary);font-size:11px;line-height:1.3}.image-generation-solution .ig-gallery-caption p strong{color:var(--od-secondary);font-weight:600}.image-generation-solution .ig-workflow{padding:96px 0;border-top:1px solid var(--od-border)}.image-generation-solution .ig-workflow ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:48px 0 0;padding:0;list-style:none;border-top:1px solid var(--od-strong)}.image-generation-solution .ig-workflow li{margin:0;padding:24px 32px 0 0}.image-generation-solution .ig-workflow li+li{padding-left:32px;border-left:1px solid var(--od-border)}.image-generation-solution .ig-workflow h3{margin:0 0 12px;color:var(--od-strong);font-family:var(--sans);font-size:20px;font-weight:700;line-height:1.25}.image-generation-solution .ig-workflow p{margin:0;color:var(--od-secondary);font-size:14px;line-height:1.55}.image-generation-solution .ig-access{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:clamp(48px,8vw,112px);align-items:end;padding:88px 0;border-top:1px solid var(--od-border)}.image-generation-solution .ig-access p{max-width:640px;margin:20px 0 0;color:var(--od-secondary);font-size:16px;line-height:1.55}.image-generation-solution .ig-access ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--od-strong)}.image-generation-solution .ig-access li{margin:0;padding:15px 0;color:var(--od-strong);border-bottom:1px solid var(--od-border);font-family:var(--sans);font-size:14px;font-weight:600;line-height:1.4}.image-generation-solution .ig-faq{padding:88px 0 96px;border-top:1px solid var(--od-border)}.image-generation-solution .ig-faq>h2{margin-bottom:40px}.image-generation-solution .ig-faq .faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0}.image-generation-solution .ig-faq .faq-item{margin:0;border-radius:12px}.image-generation-solution .ig-final-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;padding:clamp(36px,5vw,64px);border-radius:12px;background:var(--od-brand-soft)}.image-generation-solution .ig-final-cta h2{max-width:760px}.image-generation-solution .ig-final-cta p{max-width:620px;margin:14px 0 0;color:var(--od-secondary);font-size:15px;line-height:1.5}.ig-solution-prompt-dialog{position:fixed;inset:0;width:min(680px,calc(100% - 32px));height:fit-content;max-height:min(760px,calc(100vh - 32px));margin:auto;padding:24px;color:var(--od-text, #434343);border:1px solid var(--od-border, #d9d9d9);border-radius:12px;background:var(--od-white, #ffffff);box-shadow:0 28px 80px #1e1c173d}.ig-solution-prompt-dialog::backdrop{background:#1e1c1773;backdrop-filter:blur(4px)}.ig-dialog-head,.ig-dialog-meta{display:flex;align-items:center;justify-content:space-between;gap:16px}.ig-dialog-head>div>span,.ig-dialog-meta{color:var(--od-muted, #8c8c8c);font-size:12px}.ig-dialog-head h2{margin:4px 0 0;color:var(--od-strong, #262626);font-size:24px;line-height:1.25}.ig-dialog-close{display:grid;flex:0 0 auto;place-items:center;width:34px;height:34px;margin:-3px -3px 0 0;padding:0;color:var(--od-secondary, #595959);border:0;border-radius:50%;background:#1e1c170f;box-shadow:inset 0 0 0 1px #1e1c170a;cursor:pointer;transition:color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}.ig-dialog-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round}.ig-dialog-close:hover{color:var(--od-white, #ffffff);background:var(--od-strong, #262626);transform:rotate(6deg)}.ig-dialog-close:active{transform:scale(.92)}.ig-dialog-close:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #1e1c170d,0 0 0 3px #1e1c171a}.ig-dialog-meta{justify-content:flex-start;margin:20px 0 12px}.ig-solution-prompt-dialog pre{max-height:420px;margin:0;padding:16px;overflow:auto;color:var(--od-secondary, #595959);border:1px solid var(--od-border, #d9d9d9);border-radius:8px;background:var(--od-soft, #f5f5f5);white-space:pre-wrap}.ig-solution-prompt-dialog code{font-family:var(--mono);font-size:13px;line-height:1.65}@media(max-width:980px){.image-generation-solution .ig-hero{grid-template-columns:1fr 1.18fr;gap:32px}.image-generation-solution .ig-hero h1{font-size:clamp(48px,5.2vw,58px)}.image-generation-solution .ig-model-rail{grid-template-columns:1fr;gap:18px}.image-generation-solution .ig-model-rail li:first-child{padding-left:0}.image-generation-solution .ig-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:320px}.image-generation-solution .ig-gallery-card:nth-child(n){grid-column:span 1;grid-row:span 1}.image-generation-solution .ig-gallery-card:nth-child(1),.image-generation-solution .ig-gallery-card:nth-child(4),.image-generation-solution .ig-gallery-card:nth-child(5),.image-generation-solution .ig-gallery-card:nth-child(14),.image-generation-solution .ig-gallery-card:nth-child(15),.image-generation-solution .ig-gallery-card:nth-child(16){grid-column:span 2}.image-generation-solution .ig-access{grid-template-columns:1fr;align-items:start}}@media(max-width:720px){.image-generation-main{padding-top:92px}.image-generation-solution .ig-hero{grid-template-columns:1fr;gap:36px;min-height:0;padding:36px 0 52px}.image-generation-solution .ig-kicker{margin-bottom:18px}.image-generation-solution .ig-hero h1{font-size:clamp(44px,13vw,58px);line-height:1}.image-generation-solution .ig-hero h1 span{white-space:normal}.image-generation-solution .ig-hero-copy>p{margin-top:22px;font-size:16px}.image-generation-solution .solution-hero-cta{margin-top:26px}.image-generation-solution .ig-hero-media{aspect-ratio:4 / 3}.image-generation-solution .ig-hero-prompt{grid-template-columns:auto minmax(0,1fr)}.image-generation-solution .ig-hero-prompt>b{display:none}.image-generation-solution .ig-model-rail ul{display:grid;grid-template-columns:1fr}.image-generation-solution .ig-model-rail li,.image-generation-solution .ig-model-rail li:first-child,.image-generation-solution .ig-model-rail li:last-child{padding:9px 0;border:0;border-top:1px solid var(--od-border)}.image-generation-solution .ig-gallery{padding:76px 0 72px}.image-generation-solution .ig-section-head{margin-bottom:28px}.image-generation-solution .ig-section-head h2,.image-generation-solution .ig-access h2,.image-generation-solution .ig-faq>h2,.image-generation-solution .ig-final-cta h2{font-size:36px}.image-generation-solution .ig-gallery-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:20px}.image-generation-solution .ig-gallery-card:nth-child(n){grid-column:auto;grid-row:auto}.image-generation-solution .ig-gallery-open{display:block;height:auto}.image-generation-solution .ig-gallery-card-wide .ig-gallery-media{aspect-ratio:16 / 9}.image-generation-solution .ig-gallery-card-portrait .ig-gallery-media{aspect-ratio:4 / 5}.image-generation-solution .ig-gallery-card-square .ig-gallery-media{aspect-ratio:1}.image-generation-solution .ig-workflow,.image-generation-solution .ig-access,.image-generation-solution .ig-faq{padding:72px 0}.image-generation-solution .ig-workflow ol{grid-template-columns:1fr;margin-top:32px}.image-generation-solution .ig-workflow li,.image-generation-solution .ig-workflow li+li{padding:22px 0;border-left:0;border-bottom:1px solid var(--od-border)}.image-generation-solution .ig-faq .faq-list{grid-template-columns:1fr}.image-generation-solution .ig-final-cta{grid-template-columns:1fr;padding:28px}.ig-solution-prompt-dialog{padding:20px}}@media(prefers-reduced-motion:reduce){.image-generation-solution .ig-gallery-open,.image-generation-solution .ig-gallery-media img,.image-generation-solution .ig-hero-prompt>b{transition:none}}
.tool-feature-grid[data-astro-cid-lvzqdboa]{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.tool-feature-card[data-astro-cid-lvzqdboa]{border:1px solid var(--hairline, #0000001a);border-radius:12px;padding:1.1rem 1.2rem;background:var(--surface, #fff)}.tool-feature-card[data-astro-cid-lvzqdboa] h3[data-astro-cid-lvzqdboa]{margin:0 0 .35rem;font-size:1.02rem}.tool-feature-card[data-astro-cid-lvzqdboa] p[data-astro-cid-lvzqdboa]{margin:0;color:var(--muted, #555);font-size:.94rem;line-height:1.5}.solution-tpl-grid[data-astro-cid-lvzqdboa]{margin-top:1rem}
.v4{width:100vw;margin-left:calc(50% - 50vw);background:var(--paper);color:var(--ink)}.v4 :is(h1,h2,h3,p,blockquote,cite,div,span,a){font-family:var(--sans)}.v4 .grn{color:var(--olive)}.v4band{padding:68px 0}.v4band.alt{background:var(--bone)}.v4band.ink{background:var(--ink);color:#fff}.v4in{max-width:1080px;margin:0 auto;padding:0 40px}.v4in.narrow{max-width:740px}.v4eye{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--olive);font-weight:600;margin:0 0 22px}.v4 .ink .v4eye,.v4band.ink .v4eye{color:var(--coral)}.v4hero{padding:116px 0 56px;position:relative;overflow:hidden}.v4hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(250,250,250,.62),rgba(250,250,250,.92) 66%,var(--paper)),url(https://r.open-design.ai/files/f232c92f96e5d331c4493f3edfe69090bcf83ca8c5bc2b8f14b53b47add7c894);background-size:cover;background-position:center 16%;z-index:0;pointer-events:none}.v4hero>.v4in{position:relative;z-index:1}.v4h1{font-size:clamp(32px,4.4vw,52px);line-height:1.06;letter-spacing:-.03em;font-weight:780;margin:0 0 16px}.v4sub{font-size:18px;line-height:1.55;color:var(--ink-soft);font-weight:500;margin:0 0 24px;max-width:520px}.v4dek{font-size:18px;line-height:1.65;color:var(--ink-soft);max-width:660px;margin:0 0 34px}.v4cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.v4btn-p{background:var(--ink);color:#fff;font-weight:600;font-size:15px;padding:15px 28px;border-radius:var(--spacing-8);text-decoration:none;display:inline-flex;align-items:center;white-space:nowrap}.v4btn-g{color:var(--ink);font-weight:600;font-size:15px;padding:15px 24px;border-radius:var(--spacing-8);border:1px solid var(--line);text-decoration:none;display:inline-flex;align-items:center}.v4stats{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.v4stats .n{font-size:clamp(34px,4.4vw,52px);line-height:1;font-weight:800;letter-spacing:-.035em;color:var(--ink)}.v4stats .n span{font-size:.42em;font-weight:600;color:var(--ink-faint)}.v4stats .l{margin-top:14px;font-size:14px;line-height:1.45;color:var(--ink-faint);max-width:210px}.v4metaband{padding:40px 0}.v4dossier{display:flex;gap:64px;flex-wrap:wrap}.v4dossier>div{font-size:16px;color:var(--ink);font-weight:600}.v4dossier>div span{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-weight:500;margin-bottom:8px}.v4h2{font-size:clamp(28px,3.6vw,40px);line-height:1.12;letter-spacing:-.025em;font-weight:760;margin:0 0 22px}.v4in.narrow p,.v4lede{font-size:18px;line-height:1.72;color:var(--ink-soft);margin:0 0 22px;max-width:680px}.v4in p b{font-weight:680;color:var(--ink)}.v4in p em{font-style:italic}.v4quoteband{padding:78px 0}.v4bigq{font-family:var(--serif);font-size:clamp(26px,3.6vw,40px);line-height:1.3;font-style:italic;color:#fff;margin:0;border:0;padding:0}.v4bigq .grn{color:var(--coral-soft)}.v4by{margin-top:28px;font-family:var(--mono);font-size:13px;letter-spacing:.03em;color:#fff9}.v4feat{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.v4feat.reverse .v4feat-txt{order:2}.v4feat-img{margin:0;display:flex;justify-content:center}.v4feat-img img{width:100%;max-width:420px;border-radius:var(--spacing-8);box-shadow:0 34px 70px -34px #14141e8c}.v4feat figure{position:relative}.v4feat-img{flex-direction:column;align-items:flex-start;gap:14px}.v4feat-img figcaption{font-size:13px;color:var(--ink-faint);font-family:var(--mono);letter-spacing:.02em}.v4portal{margin:30px 0 0;max-width:720px}.v4frame{border-radius:var(--spacing-8);overflow:hidden;background:var(--bone);box-shadow:0 40px 80px -36px #14141e80;border:1px solid var(--line)}.v4bar{height:38px;background:var(--paper-warm);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 15px}.v4bar i{width:11px;height:11px;border-radius:50%;background:var(--line-hover)}.v4frame img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;object-position:top center}.v4feats3{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:12px}.v4feats3 h3{font-size:17px;font-weight:700;color:var(--ink);margin:0 0 10px}.v4feats3 p{font-size:15px;line-height:1.6;color:var(--ink-soft);margin:0}.v4feats3 em{font-style:italic}.v4quotes{border-left:2px solid var(--coral);padding-left:22px;margin:0}.v4quotes p{font-family:var(--serif);font-size:21px;line-height:1.5;font-style:italic;color:var(--ink-soft);margin:0 0 18px}.v4quotes cite{font-style:normal;font-size:13px;color:var(--ink-faint);font-family:var(--mono)}.v4ugc{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:12px}.v4ugc figure{margin:0}.v4ugc img{width:100%;border-radius:var(--spacing-8);box-shadow:0 30px 60px -34px #14141e73;display:block}.v4ugc figcaption{margin-top:14px;font-size:14px;line-height:1.55;color:var(--ink-soft)}.v4ugc em{font-style:italic}.v4teams{display:flex;align-items:center;justify-content:space-between;gap:36px;background:var(--coral-tint);border-radius:var(--spacing-8);padding:32px 36px}.v4teams-p{font-size:17px;line-height:1.5;color:var(--ink);margin:0;font-weight:500;max-width:620px}.v4final{padding:88px 0;position:relative;overflow:hidden}.v4final:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#101012d1,#101012e6),url(https://r.open-design.ai/files/e48300e45a7a604d7ffb1ee8f5439a5d8be2c5cf78712538c4dc1acf6a6140a3);background-size:cover;background-position:center;z-index:0}.v4final>.v4in{position:relative;z-index:1}.v4final-h{font-size:clamp(30px,4vw,46px);line-height:1.1;letter-spacing:-.025em;font-weight:780;color:#fff;margin:0 0 16px;max-width:760px}.v4final-p{font-size:18px;line-height:1.6;color:#ffffffb8;margin:0 0 30px;max-width:560px}.v4btn-coral{background:var(--coral);color:#0a0a0a;font-weight:700;font-size:15px;padding:15px 28px;border-radius:var(--spacing-8);text-decoration:none;display:inline-flex;align-items:center}.v4btn-gd{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);font-weight:600;font-size:15px;padding:15px 26px;border-radius:var(--spacing-8);text-decoration:none;display:inline-flex;align-items:center}.v4heroimg{margin:44px auto 0;max-width:740px}.v4heroimg img{width:100%;border-radius:var(--spacing-8);box-shadow:0 30px 64px -36px #14141e80;display:block}.v4heroimg figcaption{margin-top:14px;font-size:13.5px;color:var(--ink-faint);text-align:center}.v4vquotes{display:grid;grid-template-columns:1fr 1fr;gap:52px}.v4vquotes blockquote{font-family:var(--serif);font-size:23px;line-height:1.4;font-style:italic;color:var(--ink-soft);margin:0;padding-left:22px;border-left:2px solid var(--coral)}.v4vcite{display:block;margin-top:30px;font-style:normal;font-size:13px;color:var(--ink-faint);font-family:var(--mono)}.v4psfig{margin:0;text-align:center}.v4psfig img{width:100%;max-width:340px;border-radius:var(--spacing-8);box-shadow:0 30px 60px -34px #14141e66;display:block;margin:0 auto 18px}.v4psfig figcaption{font-size:15px;line-height:1.6;color:var(--ink-soft);max-width:520px;margin:0 auto;text-align:center}.v4herotop{display:grid;grid-template-columns:1.45fr 1fr;gap:56px;align-items:start}.v4snap{border:1px solid rgba(255,255,255,.7);border-radius:16px;background:#ffffffa8;backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);padding:24px 26px;box-shadow:inset 0 1px #ffffffb3,0 28px 56px -30px #2626264d}.v4snap-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.v4snap-logo{flex:0 0 auto;width:38px;height:38px;border-radius:10px;object-fit:cover;display:block}.v4snap-name{font-size:18px;font-weight:700;color:var(--ink);line-height:1.15}.v4snap-name a{color:inherit;text-decoration:none}.v4snap-name a:hover{text-decoration:underline}.v4snap-desc{font-size:13.5px;line-height:1.55;color:var(--ink-soft);margin:0}.v4snap-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}.v4chip{font-size:12.5px;font-weight:600;color:var(--ink-soft);background:#ffffff8c;border:1px solid var(--line);border-radius:999px;padding:6px 13px}.v4snap-uses{margin-top:16px;padding-top:15px;border-top:1px solid var(--line);font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.4}.v4snap-uses span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);font-weight:500;margin-bottom:5px}.v4statstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:4px}.v4statline{display:block;width:100%;height:14px;margin:44px 0 22px}.v4selbox{position:relative;display:inline-block}.v4selbox:before{content:"";position:absolute;inset:-12px -16px;border:1.5px solid var(--coral);border-radius:2px;pointer-events:none}.v4selbox .hc{position:absolute;width:9px;height:9px;background:#fff;border:1.5px solid var(--coral);border-radius:1px;z-index:2}.v4selbox .hc.tl{top:-12px;left:-16px;transform:translate(-50%,-50%)}.v4selbox .hc.tr{top:-12px;right:-16px;transform:translate(50%,-50%)}.v4selbox .hc.bl{bottom:-12px;left:-16px;transform:translate(-50%,50%)}.v4selbox .hc.br{bottom:-12px;right:-16px;transform:translate(50%,50%)}.v4statstrip .n{font-size:clamp(28px,3.2vw,40px);line-height:1;font-weight:800;letter-spacing:-.035em;color:var(--ink)}.v4statstrip .n span{font-size:.42em;font-weight:600;color:var(--ink-faint)}.v4statstrip .l{margin-top:11px;font-size:13px;line-height:1.4;color:var(--ink-faint)}.v4promoband{padding:60px 0}.v4promo-c{text-align:center}.v4promo-eye{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--olive);font-weight:600}.v4promo-arrow{display:inline-block;width:46px;height:56px;margin:6px 0 2px}.v4promo{margin:0 auto;max-width:640px}.v4promo img{width:100%;border-radius:var(--spacing-8);box-shadow:0 34px 70px -40px #14141e80;display:block}.v4circle{position:relative;display:inline-block;white-space:nowrap}.v4circle-svg{position:absolute;left:-9px;top:-6px;width:calc(100% + 18px);height:calc(100% + 13px);color:var(--olive);overflow:visible;z-index:0;pointer-events:none}.v4feat-quote{margin:16px 0 0;padding-left:14px;border-left:2px solid var(--coral);font-size:16px;line-height:1.5;color:var(--ink-soft)}.v4verdictband{background:var(--paper-warm)}.v4bigverdict{font-family:var(--serif);font-size:clamp(26px,3.6vw,40px);line-height:1.3;font-style:italic;color:var(--ink);margin:12px 0 0;border:0;padding:0}.v4bigverdict .grn{font-style:italic;color:var(--olive)}.v4verdict-by{margin-top:26px;font-family:var(--mono);font-size:13px;color:var(--ink-faint);line-height:1.6}.v4verdict-by span{display:block;margin-top:4px;font-family:var(--serif);font-style:italic;font-size:15px;color:var(--ink-soft)}.v4promoband .v4h2{margin:0 0 22px}.v4psband{padding:46px 0}.v4psband .v4psfig img{max-width:230px;margin:0 auto 14px}.v4psband .v4psfig figcaption{font-size:14px}.v4artband{position:relative;overflow:hidden}.v4artband:before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;pointer-events:none}.v4artband>.v4in{position:relative;z-index:1}.v4scribble{display:block;color:var(--olive);width:210px;max-width:62%;height:13px;margin:8px 0 0}.v4brush{display:block;width:180px;max-width:80%;height:14px;margin:0 0 14px}.v4scribble-dark{color:var(--coral)}.v4.anim .v4band{opacity:0;transform:translateY(18px);transition:opacity .65s cubic-bezier(.22,.61,.36,1),transform .65s cubic-bezier(.22,.61,.36,1)}.v4.anim .v4band.inview{opacity:1;transform:none}@media(max-width:820px){.v4herotop{grid-template-columns:1fr;gap:32px}.v4statstrip{grid-template-columns:1fr 1fr;gap:28px}.v4vquotes{grid-template-columns:1fr;gap:28px}.v4stats{grid-template-columns:1fr 1fr;gap:32px}.v4feat{grid-template-columns:1fr;gap:28px}.v4feat.reverse .v4feat-txt{order:0}.v4feats3,.v4ugc{grid-template-columns:1fr}.v4teams{flex-direction:column;align-items:flex-start}.v4dossier{gap:32px}}.v4herotxt{min-width:0}.v4eye.grn-eye{color:var(--coral,#63fe13)}.av-portal.v4portalband{padding:40px 0}.av-portal .v4portal{max-width:600px;margin:20px auto 0}.av-portal .v4frame img{aspect-ratio:auto;object-fit:cover;object-position:top center}.av-proof .v4feat-img img{width:100%;max-width:420px;height:auto;aspect-ratio:auto;object-fit:contain}.av-state{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);display:block;margin-bottom:10px}.av-verdict .v4verdict-by span{display:inline;margin:0 0 0 .35em}
.v4{width:100vw;margin-left:calc(50% - 50vw);background:var(--paper);color:var(--ink)}.v4 :is(h1,h2,h3,p,blockquote,cite,div,span,a){font-family:var(--sans)}.v4 .grn{color:var(--olive)}.v4band{padding:68px 0}.v4band.alt{background:var(--bone)}.v4band.ink{background:var(--ink);color:#fff}.v4in{max-width:1080px;margin:0 auto;padding:0 40px}.v4in.narrow{max-width:740px}.v4eye{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--olive);font-weight:600;margin:0 0 22px}.v4 .ink .v4eye,.v4band.ink .v4eye{color:var(--coral)}.v4hero{padding:116px 0 56px;position:relative;overflow:hidden}.v4hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(250,250,250,.62),rgba(250,250,250,.92) 66%,var(--paper)),url(https://r.open-design.ai/files/f232c92f96e5d331c4493f3edfe69090bcf83ca8c5bc2b8f14b53b47add7c894);background-size:cover;background-position:center 16%;z-index:0;pointer-events:none}.v4hero>.v4in{position:relative;z-index:1}.v4h1{font-size:clamp(32px,4.4vw,52px);line-height:1.06;letter-spacing:-.03em;font-weight:780;margin:0 0 16px}.v4sub{font-size:18px;line-height:1.55;color:var(--ink-soft);font-weight:500;margin:0 0 24px;max-width:520px}.v4dek{font-size:18px;line-height:1.65;color:var(--ink-soft);max-width:660px;margin:0 0 34px}.v4cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.v4btn-p{background:var(--ink);color:#fff;font-weight:600;font-size:15px;padding:15px 28px;border-radius:var(--spacing-8);text-decoration:none;display:inline-flex;align-items:center;white-space:nowrap}.v4btn-g{color:var(--ink);font-weight:600;font-size:15px;padding:15px 24px;border-radius:var(--spacing-8);border:1px solid var(--line);text-decoration:none;display:inline-flex;align-items:center}.v4stats{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.v4stats .n{font-size:clamp(34px,4.4vw,52px);line-height:1;font-weight:800;letter-spacing:-.035em;color:var(--ink)}.v4stats .n span{font-size:.42em;font-weight:600;color:var(--ink-faint)}.v4stats .l{margin-top:14px;font-size:14px;line-height:1.45;color:var(--ink-faint);max-width:210px}.v4metaband{padding:40px 0}.v4dossier{display:flex;gap:64px;flex-wrap:wrap}.v4dossier>div{font-size:16px;color:var(--ink);font-weight:600}.v4dossier>div span{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-weight:500;margin-bottom:8px}.v4h2{font-size:clamp(28px,3.6vw,40px);line-height:1.12;letter-spacing:-.025em;font-weight:760;margin:0 0 22px}.v4in.narrow p,.v4lede{font-size:18px;line-height:1.72;color:var(--ink-soft);margin:0 0 22px;max-width:680px}.v4in p b{font-weight:680;color:var(--ink)}.v4in p em{font-style:italic}.v4quoteband{padding:78px 0}.v4bigq{font-family:var(--serif);font-size:clamp(26px,3.6vw,40px);line-height:1.3;font-style:italic;color:#fff;margin:0;border:0;padding:0}.v4bigq .grn{color:var(--coral-soft)}.v4by{margin-top:28px;font-family:var(--mono);font-size:13px;letter-spacing:.03em;color:#fff9}.v4feat{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.v4feat.reverse .v4feat-txt{order:2}.v4feat-img{margin:0;display:flex;justify-content:center}.v4feat-img img{width:100%;max-width:420px;border-radius:var(--spacing-8);box-shadow:0 34px 70px -34px #14141e8c}.v4feat figure{position:relative}.v4feat-img{flex-direction:column;align-items:flex-start;gap:14px}.v4feat-img figcaption{font-size:13px;color:var(--ink-faint);font-family:var(--mono);letter-spacing:.02em}.v4portal{margin:30px 0 0;max-width:720px}.v4frame{border-radius:var(--spacing-8);overflow:hidden;background:var(--bone);box-shadow:0 40px 80px -36px #14141e80;border:1px solid var(--line)}.v4bar{height:38px;background:var(--paper-warm);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 15px}.v4bar i{width:11px;height:11px;border-radius:50%;background:var(--line-hover)}.v4frame img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;object-position:top center}.v4feats3{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:12px}.v4feats3 h3{font-size:17px;font-weight:700;color:var(--ink);margin:0 0 10px}.v4feats3 p{font-size:15px;line-height:1.6;color:var(--ink-soft);margin:0}.v4feats3 em{font-style:italic}.v4quotes{border-left:2px solid var(--coral);padding-left:22px;margin:0}.v4quotes p{font-family:var(--serif);font-size:21px;line-height:1.5;font-style:italic;color:var(--ink-soft);margin:0 0 18px}.v4quotes cite{font-style:normal;font-size:13px;color:var(--ink-faint);font-family:var(--mono)}.v4ugc{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:12px}.v4ugc figure{margin:0}.v4ugc img{width:100%;border-radius:var(--spacing-8);box-shadow:0 30px 60px -34px #14141e73;display:block}.v4ugc figcaption{margin-top:14px;font-size:14px;line-height:1.55;color:var(--ink-soft)}.v4ugc em{font-style:italic}.v4teams{display:flex;align-items:center;justify-content:space-between;gap:36px;background:var(--coral-tint);border-radius:var(--spacing-8);padding:32px 36px}.v4teams-p{font-size:17px;line-height:1.5;color:var(--ink);margin:0;font-weight:500;max-width:620px}.v4final{padding:88px 0;position:relative;overflow:hidden}.v4final:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#101012d1,#101012e6),url(https://r.open-design.ai/files/e48300e45a7a604d7ffb1ee8f5439a5d8be2c5cf78712538c4dc1acf6a6140a3);background-size:cover;background-position:center;z-index:0}.v4final>.v4in{position:relative;z-index:1}.v4final-h{font-size:clamp(30px,4vw,46px);line-height:1.1;letter-spacing:-.025em;font-weight:780;color:#fff;margin:0 0 16px;max-width:760px}.v4final-p{font-size:18px;line-height:1.6;color:#ffffffb8;margin:0 0 30px;max-width:560px}.v4btn-coral{background:var(--coral);color:#0a0a0a;font-weight:700;font-size:15px;padding:15px 28px;border-radius:var(--spacing-8);text-decoration:none;display:inline-flex;align-items:center}.v4btn-gd{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);font-weight:600;font-size:15px;padding:15px 26px;border-radius:var(--spacing-8);text-decoration:none;display:inline-flex;align-items:center}.v4heroimg{margin:44px auto 0;max-width:740px}.v4heroimg img{width:100%;border-radius:var(--spacing-8);box-shadow:0 30px 64px -36px #14141e80;display:block}.v4heroimg figcaption{margin-top:14px;font-size:13.5px;color:var(--ink-faint);text-align:center}.v4vquotes{display:grid;grid-template-columns:1fr 1fr;gap:52px}.v4vquotes blockquote{font-family:var(--serif);font-size:23px;line-height:1.4;font-style:italic;color:var(--ink-soft);margin:0;padding-left:22px;border-left:2px solid var(--coral)}.v4vcite{display:block;margin-top:30px;font-style:normal;font-size:13px;color:var(--ink-faint);font-family:var(--mono)}.v4psfig{margin:0;text-align:center}.v4psfig img{width:100%;max-width:340px;border-radius:var(--spacing-8);box-shadow:0 30px 60px -34px #14141e66;display:block;margin:0 auto 18px}.v4psfig figcaption{font-size:15px;line-height:1.6;color:var(--ink-soft);max-width:520px;margin:0 auto;text-align:center}.v4herotop{display:grid;grid-template-columns:1.45fr 1fr;gap:56px;align-items:start}.v4snap{border:1px solid rgba(255,255,255,.7);border-radius:16px;background:#ffffffa8;backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);padding:24px 26px;box-shadow:inset 0 1px #ffffffb3,0 28px 56px -30px #2626264d}.v4snap-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.v4snap-logo{flex:0 0 auto;width:38px;height:38px;border-radius:10px;object-fit:cover;display:block}.v4snap-name{font-size:18px;font-weight:700;color:var(--ink);line-height:1.15}.v4snap-name a{color:inherit;text-decoration:none}.v4snap-name a:hover{text-decoration:underline}.v4snap-desc{font-size:13.5px;line-height:1.55;color:var(--ink-soft);margin:0}.v4snap-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}.v4chip{font-size:12.5px;font-weight:600;color:var(--ink-soft);background:#ffffff8c;border:1px solid var(--line);border-radius:999px;padding:6px 13px}.v4snap-uses{margin-top:16px;padding-top:15px;border-top:1px solid var(--line);font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.4}.v4snap-uses span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);font-weight:500;margin-bottom:5px}.v4statstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:4px}.v4statline{display:block;width:100%;height:14px;margin:44px 0 22px}.v4selbox{position:relative;display:inline-block}.v4selbox:before{content:"";position:absolute;inset:-12px -16px;border:1.5px solid var(--coral);border-radius:2px;pointer-events:none}.v4selbox .hc{position:absolute;width:9px;height:9px;background:#fff;border:1.5px solid var(--coral);border-radius:1px;z-index:2}.v4selbox .hc.tl{top:-12px;left:-16px;transform:translate(-50%,-50%)}.v4selbox .hc.tr{top:-12px;right:-16px;transform:translate(50%,-50%)}.v4selbox .hc.bl{bottom:-12px;left:-16px;transform:translate(-50%,50%)}.v4selbox .hc.br{bottom:-12px;right:-16px;transform:translate(50%,50%)}.v4statstrip .n{font-size:clamp(28px,3.2vw,40px);line-height:1;font-weight:800;letter-spacing:-.035em;color:var(--ink)}.v4statstrip .n span{font-size:.42em;font-weight:600;color:var(--ink-faint)}.v4statstrip .l{margin-top:11px;font-size:13px;line-height:1.4;color:var(--ink-faint)}.v4promoband{padding:60px 0}.v4promo-c{text-align:center}.v4promo-eye{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--olive);font-weight:600}.v4promo-arrow{display:inline-block;width:46px;height:56px;margin:6px 0 2px}.v4promo{margin:0 auto;max-width:640px}.v4promo img{width:100%;border-radius:var(--spacing-8);box-shadow:0 34px 70px -40px #14141e80;display:block}.v4circle{position:relative;display:inline-block;white-space:nowrap}.v4circle-svg{position:absolute;left:-9px;top:-6px;width:calc(100% + 18px);height:calc(100% + 13px);color:var(--olive);overflow:visible;z-index:0;pointer-events:none}.v4feat-quote{margin:16px 0 0;padding-left:14px;border-left:2px solid var(--coral);font-size:16px;line-height:1.5;color:var(--ink-soft)}.v4verdictband{background:var(--paper-warm)}.v4bigverdict{font-family:var(--serif);font-size:clamp(26px,3.6vw,40px);line-height:1.3;font-style:italic;color:var(--ink);margin:12px 0 0;border:0;padding:0}.v4bigverdict .grn{font-style:italic;color:var(--olive)}.v4verdict-by{margin-top:26px;font-family:var(--mono);font-size:13px;color:var(--ink-faint);line-height:1.6}.v4verdict-by span{display:block;margin-top:4px;font-family:var(--serif);font-style:italic;font-size:15px;color:var(--ink-soft)}.v4promoband .v4h2{margin:0 0 22px}.v4psband{padding:46px 0}.v4psband .v4psfig img{max-width:230px;margin:0 auto 14px}.v4psband .v4psfig figcaption{font-size:14px}.v4artband{position:relative;overflow:hidden}.v4artband:before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;pointer-events:none}.v4artband>.v4in{position:relative;z-index:1}.v4scribble{display:block;color:var(--olive);width:210px;max-width:62%;height:13px;margin:8px 0 0}.v4brush{display:block;width:180px;max-width:80%;height:14px;margin:0 0 14px}.v4scribble-dark{color:var(--coral)}.v4.anim .v4band{opacity:0;transform:translateY(18px);transition:opacity .65s cubic-bezier(.22,.61,.36,1),transform .65s cubic-bezier(.22,.61,.36,1)}.v4.anim .v4band.inview{opacity:1;transform:none}@media(max-width:820px){.v4herotop{grid-template-columns:1fr;gap:32px}.v4statstrip{grid-template-columns:1fr 1fr;gap:28px}.v4vquotes{grid-template-columns:1fr;gap:28px}.v4stats{grid-template-columns:1fr 1fr;gap:32px}.v4feat{grid-template-columns:1fr;gap:28px}.v4feat.reverse .v4feat-txt{order:0}.v4feats3,.v4ugc{grid-template-columns:1fr}.v4teams{flex-direction:column;align-items:flex-start}.v4dossier{gap:32px}}.v4herotxt{min-width:0}.v4eye.grn-eye{color:var(--coral,#63fe13)}.v4feat-txt>p:not(.v4feat-quote){margin:0 0 18px}.v4feat-txt>p:not(.v4feat-quote):last-child{margin-bottom:0}.v4snap-links{margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}.v4snap-links>span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);font-weight:500;margin-bottom:8px}.v4snap-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line-soft);text-decoration:none;color:var(--ink)}.v4snap-link:last-child{border-bottom:0}.v4snap-link b{font-size:13.5px;font-weight:600}.v4snap-link i{font-style:normal;color:var(--olive);font-size:13px}.v4snap-link:hover b{color:var(--olive)}.v4 p a{color:var(--olive,#218c00);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.v4 p a:hover{text-decoration-thickness:2px}
.tool-feature-grid[data-astro-cid-zalntfnf]{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.tool-feature-card[data-astro-cid-zalntfnf]{border:1px solid var(--hairline, #0000001a);border-radius:12px;padding:1.1rem 1.2rem;background:var(--surface, #fff)}.tool-feature-card[data-astro-cid-zalntfnf] h3[data-astro-cid-zalntfnf]{margin:0 0 .35rem;font-size:1.02rem}.tool-feature-card[data-astro-cid-zalntfnf] p[data-astro-cid-zalntfnf]{margin:0;color:var(--muted, #555);font-size:.94rem;line-height:1.5}
.v4{width:100vw;margin-left:calc(50% - 50vw);background:var(--paper);color:var(--ink)}.v4 :is(h1,h2,h3,p,blockquote,cite,div,span,a){font-family:var(--sans)}.v4 .grn{color:var(--olive)}.v4band{padding:68px 0}.v4band.alt{background:var(--bone)}.v4band.ink{background:var(--ink);color:#fff}.v4in{max-width:1080px;margin:0 auto;padding:0 40px}.v4in.narrow{max-width:740px}.v4eye{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--olive);font-weight:600;margin:0 0 22px}.v4 .ink .v4eye,.v4band.ink .v4eye{color:var(--coral)}.v4hero{padding:116px 0 56px;position:relative;overflow:hidden}.v4hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(250,250,250,.62),rgba(250,250,250,.92) 66%,var(--paper)),url(https://r.open-design.ai/files/f232c92f96e5d331c4493f3edfe69090bcf83ca8c5bc2b8f14b53b47add7c894);background-size:cover;background-position:center 16%;z-index:0;pointer-events:none}.v4hero>.v4in{position:relative;z-index:1}.v4h1{font-size:clamp(32px,4.4vw,52px);line-height:1.06;letter-spacing:-.03em;font-weight:780;margin:0 0 16px}.v4sub{font-size:18px;line-height:1.55;color:var(--ink-soft);font-weight:500;margin:0 0 24px;max-width:520px}.v4dek{font-size:18px;line-height:1.65;color:var(--ink-soft);max-width:660px;margin:0 0 34px}.v4cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.v4btn-p{background:var(--ink);color:#fff;font-weight:600;font-size:15px;padding:15px 28px;border-radius:var(--spacing-8);text-decoration:none;display:inline-flex;align-items:center;white-space:nowrap}.v4btn-g{color:var(--ink);font-weight:600;font-size:15px;padding:15px 24px;border-radius:var(--spacing-8);border:1px solid var(--line);text-decoration:none;display:inline-flex;align-items:center}.v4stats{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.v4stats .n{font-size:clamp(34px,4.4vw,52px);line-height:1;font-weight:800;letter-spacing:-.035em;color:var(--ink)}.v4stats .n span{font-size:.42em;font-weight:600;color:var(--ink-faint)}.v4stats .l{margin-top:14px;font-size:14px;line-height:1.45;color:var(--ink-faint);max-width:210px}.v4metaband{padding:40px 0}.v4dossier{display:flex;gap:64px;flex-wrap:wrap}.v4dossier>div{font-size:16px;color:var(--ink);font-weight:600}.v4dossier>div span{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-weight:500;margin-bottom:8px}.v4h2{font-size:clamp(28px,3.6vw,40px);line-height:1.12;letter-spacing:-.025em;font-weight:760;margin:0 0 22px}.v4in.narrow p,.v4lede{font-size:18px;line-height:1.72;color:var(--ink-soft);margin:0 0 22px;max-width:680px}.v4in p b{font-weight:680;color:var(--ink)}.v4in p em{font-style:italic}.v4quoteband{padding:78px 0}.v4bigq{font-family:var(--serif);font-size:clamp(26px,3.6vw,40px);line-height:1.3;font-style:italic;color:#fff;margin:0;border:0;padding:0}.v4bigq .grn{color:var(--coral-soft)}.v4by{margin-top:28px;font-family:var(--mono);font-size:13px;letter-spacing:.03em;color:#fff9}.v4feat{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.v4feat.reverse .v4feat-txt{order:2}.v4feat-img{margin:0;display:flex;justify-content:center}.v4feat-img img{width:100%;max-width:420px;border-radius:var(--spacing-8);box-shadow:0 34px 70px -34px #14141e8c}.v4feat figure{position:relative}.v4feat-img{flex-direction:column;align-items:flex-start;gap:14px}.v4feat-img figcaption{font-size:13px;color:var(--ink-faint);font-family:var(--mono);letter-spacing:.02em}.v4portal{margin:30px 0 0;max-width:720px}.v4frame{border-radius:var(--spacing-8);overflow:hidden;background:var(--bone);box-shadow:0 40px 80px -36px #14141e80;border:1px solid var(--line)}.v4bar{height:38px;background:var(--paper-warm);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 15px}.v4bar i{width:11px;height:11px;border-radius:50%;background:var(--line-hover)}.v4frame img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;object-position:top center}.v4feats3{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:12px}.v4feats3 h3{font-size:17px;font-weight:700;color:var(--ink);margin:0 0 10px}.v4feats3 p{font-size:15px;line-height:1.6;color:var(--ink-soft);margin:0}.v4feats3 em{font-style:italic}.v4quotes{border-left:2px solid var(--coral);padding-left:22px;margin:0}.v4quotes p{font-family:var(--serif);font-size:21px;line-height:1.5;font-style:italic;color:var(--ink-soft);margin:0 0 18px}.v4quotes cite{font-style:normal;font-size:13px;color:var(--ink-faint);font-family:var(--mono)}.v4ugc{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:12px}.v4ugc figure{margin:0}.v4ugc img{width:100%;border-radius:var(--spacing-8);box-shadow:0 30px 60px -34px #14141e73;display:block}.v4ugc figcaption{margin-top:14px;font-size:14px;line-height:1.55;color:var(--ink-soft)}.v4ugc em{font-style:italic}.v4teams{display:flex;align-items:center;justify-content:space-between;gap:36px;background:var(--coral-tint);border-radius:var(--spacing-8);padding:32px 36px}.v4teams-p{font-size:17px;line-height:1.5;color:var(--ink);margin:0;font-weight:500;max-width:620px}.v4final{padding:88px 0;position:relative;overflow:hidden}.v4final:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#101012d1,#101012e6),url(https://r.open-design.ai/files/e48300e45a7a604d7ffb1ee8f5439a5d8be2c5cf78712538c4dc1acf6a6140a3);background-size:cover;background-position:center;z-index:0}.v4final>.v4in{position:relative;z-index:1}.v4final-h{font-size:clamp(30px,4vw,46px);line-height:1.1;letter-spacing:-.025em;font-weight:780;color:#fff;margin:0 0 16px;max-width:760px}.v4final-p{font-size:18px;line-height:1.6;color:#ffffffb8;margin:0 0 30px;max-width:560px}.v4btn-coral{background:var(--coral);color:#0a0a0a;font-weight:700;font-size:15px;padding:15px 28px;border-radius:var(--spacing-8);text-decoration:none;display:inline-flex;align-items:center}.v4btn-gd{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);font-weight:600;font-size:15px;padding:15px 26px;border-radius:var(--spacing-8);text-decoration:none;display:inline-flex;align-items:center}.v4heroimg{margin:44px auto 0;max-width:740px}.v4heroimg img{width:100%;border-radius:var(--spacing-8);box-shadow:0 30px 64px -36px #14141e80;display:block}.v4heroimg figcaption{margin-top:14px;font-size:13.5px;color:var(--ink-faint);text-align:center}.v4vquotes{display:grid;grid-template-columns:1fr 1fr;gap:52px}.v4vquotes blockquote{font-family:var(--serif);font-size:23px;line-height:1.4;font-style:italic;color:var(--ink-soft);margin:0;padding-left:22px;border-left:2px solid var(--coral)}.v4vcite{display:block;margin-top:30px;font-style:normal;font-size:13px;color:var(--ink-faint);font-family:var(--mono)}.v4psfig{margin:0;text-align:center}.v4psfig img{width:100%;max-width:340px;border-radius:var(--spacing-8);box-shadow:0 30px 60px -34px #14141e66;display:block;margin:0 auto 18px}.v4psfig figcaption{font-size:15px;line-height:1.6;color:var(--ink-soft);max-width:520px;margin:0 auto;text-align:center}.v4herotop{display:grid;grid-template-columns:1.45fr 1fr;gap:56px;align-items:start}.v4snap{border:1px solid rgba(255,255,255,.7);border-radius:16px;background:#ffffffa8;backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);padding:24px 26px;box-shadow:inset 0 1px #ffffffb3,0 28px 56px -30px #2626264d}.v4snap-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.v4snap-logo{flex:0 0 auto;width:38px;height:38px;border-radius:10px;object-fit:cover;display:block}.v4snap-name{font-size:18px;font-weight:700;color:var(--ink);line-height:1.15}.v4snap-name a{color:inherit;text-decoration:none}.v4snap-name a:hover{text-decoration:underline}.v4snap-desc{font-size:13.5px;line-height:1.55;color:var(--ink-soft);margin:0}.v4snap-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}.v4chip{font-size:12.5px;font-weight:600;color:var(--ink-soft);background:#ffffff8c;border:1px solid var(--line);border-radius:999px;padding:6px 13px}.v4snap-uses{margin-top:16px;padding-top:15px;border-top:1px solid var(--line);font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.4}.v4snap-uses span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);font-weight:500;margin-bottom:5px}.v4statstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:4px}.v4statline{display:block;width:100%;height:14px;margin:44px 0 22px}.v4selbox{position:relative;display:inline-block}.v4selbox:before{content:"";position:absolute;inset:-12px -16px;border:1.5px solid var(--coral);border-radius:2px;pointer-events:none}.v4selbox .hc{position:absolute;width:9px;height:9px;background:#fff;border:1.5px solid var(--coral);border-radius:1px;z-index:2}.v4selbox .hc.tl{top:-12px;left:-16px;transform:translate(-50%,-50%)}.v4selbox .hc.tr{top:-12px;right:-16px;transform:translate(50%,-50%)}.v4selbox .hc.bl{bottom:-12px;left:-16px;transform:translate(-50%,50%)}.v4selbox .hc.br{bottom:-12px;right:-16px;transform:translate(50%,50%)}.v4statstrip .n{font-size:clamp(28px,3.2vw,40px);line-height:1;font-weight:800;letter-spacing:-.035em;color:var(--ink)}.v4statstrip .n span{font-size:.42em;font-weight:600;color:var(--ink-faint)}.v4statstrip .l{margin-top:11px;font-size:13px;line-height:1.4;color:var(--ink-faint)}.v4promoband{padding:60px 0}.v4promo-c{text-align:center}.v4promo-eye{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--olive);font-weight:600}.v4promo-arrow{display:inline-block;width:46px;height:56px;margin:6px 0 2px}.v4promo{margin:0 auto;max-width:640px}.v4promo img{width:100%;border-radius:var(--spacing-8);box-shadow:0 34px 70px -40px #14141e80;display:block}.v4circle{position:relative;display:inline-block;white-space:nowrap}.v4circle-svg{position:absolute;left:-9px;top:-6px;width:calc(100% + 18px);height:calc(100% + 13px);color:var(--olive);overflow:visible;z-index:0;pointer-events:none}.v4feat-quote{margin:16px 0 0;padding-left:14px;border-left:2px solid var(--coral);font-size:16px;line-height:1.5;color:var(--ink-soft)}.v4verdictband{background:var(--paper-warm)}.v4bigverdict{font-family:var(--serif);font-size:clamp(26px,3.6vw,40px);line-height:1.3;font-style:italic;color:var(--ink);margin:12px 0 0;border:0;padding:0}.v4bigverdict .grn{font-style:italic;color:var(--olive)}.v4verdict-by{margin-top:26px;font-family:var(--mono);font-size:13px;color:var(--ink-faint);line-height:1.6}.v4verdict-by span{display:block;margin-top:4px;font-family:var(--serif);font-style:italic;font-size:15px;color:var(--ink-soft)}.v4promoband .v4h2{margin:0 0 22px}.v4psband{padding:46px 0}.v4psband .v4psfig img{max-width:230px;margin:0 auto 14px}.v4psband .v4psfig figcaption{font-size:14px}.v4artband{position:relative;overflow:hidden}.v4artband:before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;pointer-events:none}.v4artband>.v4in{position:relative;z-index:1}.v4scribble{display:block;color:var(--olive);width:210px;max-width:62%;height:13px;margin:8px 0 0}.v4brush{display:block;width:180px;max-width:80%;height:14px;margin:0 0 14px}.v4scribble-dark{color:var(--coral)}.v4.anim .v4band{opacity:0;transform:translateY(18px);transition:opacity .65s cubic-bezier(.22,.61,.36,1),transform .65s cubic-bezier(.22,.61,.36,1)}.v4.anim .v4band.inview{opacity:1;transform:none}@media(max-width:820px){.v4herotop{grid-template-columns:1fr;gap:32px}.v4statstrip{grid-template-columns:1fr 1fr;gap:28px}.v4vquotes{grid-template-columns:1fr;gap:28px}.v4stats{grid-template-columns:1fr 1fr;gap:32px}.v4feat{grid-template-columns:1fr;gap:28px}.v4feat.reverse .v4feat-txt{order:0}.v4feats3,.v4ugc{grid-template-columns:1fr}.v4teams{flex-direction:column;align-items:flex-start}.v4dossier{gap:32px}}.v4herotxt{min-width:0}.v4eye.grn-eye{color:var(--coral,#63fe13)}.john-pipeline{margin-top:52px;padding:44px;border-radius:24px;background:#1b1f21;color:#f5f1e8;box-shadow:0 30px 70px -46px #121415bf}.john-pipeline-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.john-step{position:relative;min-height:205px;padding:26px 24px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:#ffffff09}.john-step strong{display:block;margin:26px 0 10px;font-family:var(--sans);font-size:21px;line-height:1.08;color:#fff}.john-step p{margin:0;font-size:15px;line-height:1.48;color:#f5f1e8b3}.john-step-no{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#e0b632}.john-step:nth-child(2){border-color:#e0b632;background:#e0b632;color:#171a1b}.john-step:nth-child(2) strong,.john-step:nth-child(2) .john-step-no{color:#171a1b}.john-step:nth-child(2) p{color:#171a1bb8}.john-pipeline-note{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.15);font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#f5f1e89e}.john-pipeline-note b{color:#63fe13;font-weight:700}.john-workflow-source{margin-top:14px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.john-product-board{max-width:780px;margin:42px auto 0}.john-product-board .v4frame img{aspect-ratio:auto;object-fit:contain;background:#171b1d}.john-product-board figcaption{margin-top:14px;font-family:var(--mono);font-size:11px;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.john-statstrip3{grid-template-columns:repeat(3,minmax(0,1fr));gap:56px}.john-decisions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:46px}.john-decision{padding:27px 26px 30px;border-top:5px solid #dcb42d;background:#ffffff8c}.john-decision:nth-child(2){border-color:#63fe13}.john-decision:nth-child(3){border-color:#9c6e9e}.john-decision .k{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--olive)}.john-decision h3{margin:18px 0 10px;font-family:var(--sans);font-size:25px;line-height:1.08;color:var(--ink)}.john-decision p{margin:0;font-size:17px;line-height:1.55}.john-side-project .v4psfig img{width:100%;max-width:700px;aspect-ratio:4/3;object-fit:cover;object-position:left top}.john-side-project .v4psfig figcaption{max-width:650px}@media(max-width:820px){.john-pipeline{padding:24px}.john-pipeline-grid,.john-decisions,.john-statstrip3{grid-template-columns:1fr}.john-statstrip3{gap:28px}.john-step{min-height:0}.john-pipeline-note{align-items:flex-start;flex-direction:column}}
.v4{width:100vw;margin-left:calc(50% - 50vw);background:var(--paper);color:var(--ink)}.v4 :is(h1,h2,h3,p,blockquote,cite,div,span,a){font-family:var(--sans)}.v4 .grn{color:var(--olive)}.v4band{padding:68px 0}.v4band.alt{background:var(--bone)}.v4band.ink{background:var(--ink);color:#fff}.v4in{max-width:1080px;margin:0 auto;padding:0 40px}.v4in.narrow{max-width:740px}.v4eye{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--olive);font-weight:600;margin:0 0 22px}.v4 .ink .v4eye,.v4band.ink .v4eye{color:var(--coral)}.v4hero{padding:116px 0 56px;position:relative;overflow:hidden}.v4hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(250,250,250,.62),rgba(250,250,250,.92) 66%,var(--paper)),url(https://r.open-design.ai/files/f232c92f96e5d331c4493f3edfe69090bcf83ca8c5bc2b8f14b53b47add7c894);background-size:cover;background-position:center 16%;z-index:0;pointer-events:none}.v4hero>.v4in{position:relative;z-index:1}.v4h1{font-size:clamp(32px,4.4vw,52px);line-height:1.06;letter-spacing:-.03em;font-weight:780;margin:0 0 16px}.v4sub{font-size:18px;line-height:1.55;color:var(--ink-soft);font-weight:500;margin:0 0 24px;max-width:520px}.v4dek{font-size:18px;line-height:1.65;color:var(--ink-soft);max-width:660px;margin:0 0 34px}.v4cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.v4btn-p{background:var(--ink);color:#fff;font-weight:600;font-size:15px;padding:15px 28px;border-radius:var(--spacing-8);text-decoration:none;display:inline-flex;align-items:center;white-space:nowrap}.v4btn-g{color:var(--ink);font-weight:600;font-size:15px;padding:15px 24px;border-radius:var(--spacing-8);border:1px solid var(--line);text-decoration:none;display:inline-flex;align-items:center}.v4stats{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.v4stats .n{font-size:clamp(34px,4.4vw,52px);line-height:1;font-weight:800;letter-spacing:-.035em;color:var(--ink)}.v4stats .n span{font-size:.42em;font-weight:600;color:var(--ink-faint)}.v4stats .l{margin-top:14px;font-size:14px;line-height:1.45;color:var(--ink-faint);max-width:210px}.v4metaband{padding:40px 0}.v4dossier{display:flex;gap:64px;flex-wrap:wrap}.v4dossier>div{font-size:16px;color:var(--ink);font-weight:600}.v4dossier>div span{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-weight:500;margin-bottom:8px}.v4h2{font-size:clamp(28px,3.6vw,40px);line-height:1.12;letter-spacing:-.025em;font-weight:760;margin:0 0 22px}.v4in.narrow p,.v4lede{font-size:18px;line-height:1.72;color:var(--ink-soft);margin:0 0 22px;max-width:680px}.v4in p b{font-weight:680;color:var(--ink)}.v4in p em{font-style:italic}.v4quoteband{padding:78px 0}.v4bigq{font-family:var(--serif);font-size:clamp(26px,3.6vw,40px);line-height:1.3;font-style:italic;color:#fff;margin:0;border:0;padding:0}.v4bigq .grn{color:var(--coral-soft)}.v4by{margin-top:28px;font-family:var(--mono);font-size:13px;letter-spacing:.03em;color:#fff9}.v4feat{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.v4feat.reverse .v4feat-txt{order:2}.v4feat-img{margin:0;display:flex;justify-content:center}.v4feat-img img{width:100%;max-width:420px;border-radius:var(--spacing-8);box-shadow:0 34px 70px -34px #14141e8c}.v4feat figure{position:relative}.v4feat-img{flex-direction:column;align-items:flex-start;gap:14px}.v4feat-img figcaption{font-size:13px;color:var(--ink-faint);font-family:var(--mono);letter-spacing:.02em}.v4portal{margin:30px 0 0;max-width:720px}.v4frame{border-radius:var(--spacing-8);overflow:hidden;background:var(--bone);box-shadow:0 40px 80px -36px #14141e80;border:1px solid var(--line)}.v4bar{height:38px;background:var(--paper-warm);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 15px}.v4bar i{width:11px;height:11px;border-radius:50%;background:var(--line-hover)}.v4frame img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;object-position:top center}.v4feats3{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:12px}.v4feats3 h3{font-size:17px;font-weight:700;color:var(--ink);margin:0 0 10px}.v4feats3 p{font-size:15px;line-height:1.6;color:var(--ink-soft);margin:0}.v4feats3 em{font-style:italic}.v4quotes{border-left:2px solid var(--coral);padding-left:22px;margin:0}.v4quotes p{font-family:var(--serif);font-size:21px;line-height:1.5;font-style:italic;color:var(--ink-soft);margin:0 0 18px}.v4quotes cite{font-style:normal;font-size:13px;color:var(--ink-faint);font-family:var(--mono)}.v4ugc{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:12px}.v4ugc figure{margin:0}.v4ugc img{width:100%;border-radius:var(--spacing-8);box-shadow:0 30px 60px -34px #14141e73;display:block}.v4ugc figcaption{margin-top:14px;font-size:14px;line-height:1.55;color:var(--ink-soft)}.v4ugc em{font-style:italic}.v4teams{display:flex;align-items:center;justify-content:space-between;gap:36px;background:var(--coral-tint);border-radius:var(--spacing-8);padding:32px 36px}.v4teams-p{font-size:17px;line-height:1.5;color:var(--ink);margin:0;font-weight:500;max-width:620px}.v4final{padding:88px 0;position:relative;overflow:hidden}.v4final:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#101012d1,#101012e6),url(https://r.open-design.ai/files/e48300e45a7a604d7ffb1ee8f5439a5d8be2c5cf78712538c4dc1acf6a6140a3);background-size:cover;background-position:center;z-index:0}.v4final>.v4in{position:relative;z-index:1}.v4final-h{font-size:clamp(30px,4vw,46px);line-height:1.1;letter-spacing:-.025em;font-weight:780;color:#fff;margin:0 0 16px;max-width:760px}.v4final-p{font-size:18px;line-height:1.6;color:#ffffffb8;margin:0 0 30px;max-width:560px}.v4btn-coral{background:var(--coral);color:#0a0a0a;font-weight:700;font-size:15px;padding:15px 28px;border-radius:var(--spacing-8);text-decoration:none;display:inline-flex;align-items:center}.v4btn-gd{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);font-weight:600;font-size:15px;padding:15px 26px;border-radius:var(--spacing-8);text-decoration:none;display:inline-flex;align-items:center}.v4heroimg{margin:44px auto 0;max-width:740px}.v4heroimg img{width:100%;border-radius:var(--spacing-8);box-shadow:0 30px 64px -36px #14141e80;display:block}.v4heroimg figcaption{margin-top:14px;font-size:13.5px;color:var(--ink-faint);text-align:center}.v4vquotes{display:grid;grid-template-columns:1fr 1fr;gap:52px}.v4vquotes blockquote{font-family:var(--serif);font-size:23px;line-height:1.4;font-style:italic;color:var(--ink-soft);margin:0;padding-left:22px;border-left:2px solid var(--coral)}.v4vcite{display:block;margin-top:30px;font-style:normal;font-size:13px;color:var(--ink-faint);font-family:var(--mono)}.v4psfig{margin:0;text-align:center}.v4psfig img{width:100%;max-width:340px;border-radius:var(--spacing-8);box-shadow:0 30px 60px -34px #14141e66;display:block;margin:0 auto 18px}.v4psfig figcaption{font-size:15px;line-height:1.6;color:var(--ink-soft);max-width:520px;margin:0 auto;text-align:center}.v4herotop{display:grid;grid-template-columns:1.45fr 1fr;gap:56px;align-items:start}.v4snap{border:1px solid rgba(255,255,255,.7);border-radius:16px;background:#ffffffa8;backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);padding:24px 26px;box-shadow:inset 0 1px #ffffffb3,0 28px 56px -30px #2626264d}.v4snap-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.v4snap-logo{flex:0 0 auto;width:38px;height:38px;border-radius:10px;object-fit:cover;display:block}.v4snap-name{font-size:18px;font-weight:700;color:var(--ink);line-height:1.15}.v4snap-name a{color:inherit;text-decoration:none}.v4snap-name a:hover{text-decoration:underline}.v4snap-desc{font-size:13.5px;line-height:1.55;color:var(--ink-soft);margin:0}.v4snap-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}.v4chip{font-size:12.5px;font-weight:600;color:var(--ink-soft);background:#ffffff8c;border:1px solid var(--line);border-radius:999px;padding:6px 13px}.v4snap-uses{margin-top:16px;padding-top:15px;border-top:1px solid var(--line);font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.4}.v4snap-uses span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);font-weight:500;margin-bottom:5px}.v4statstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:4px}.v4statline{display:block;width:100%;height:14px;margin:44px 0 22px}.v4selbox{position:relative;display:inline-block}.v4selbox:before{content:"";position:absolute;inset:-12px -16px;border:1.5px solid var(--coral);border-radius:2px;pointer-events:none}.v4selbox .hc{position:absolute;width:9px;height:9px;background:#fff;border:1.5px solid var(--coral);border-radius:1px;z-index:2}.v4selbox .hc.tl{top:-12px;left:-16px;transform:translate(-50%,-50%)}.v4selbox .hc.tr{top:-12px;right:-16px;transform:translate(50%,-50%)}.v4selbox .hc.bl{bottom:-12px;left:-16px;transform:translate(-50%,50%)}.v4selbox .hc.br{bottom:-12px;right:-16px;transform:translate(50%,50%)}.v4statstrip .n{font-size:clamp(28px,3.2vw,40px);line-height:1;font-weight:800;letter-spacing:-.035em;color:var(--ink)}.v4statstrip .n span{font-size:.42em;font-weight:600;color:var(--ink-faint)}.v4statstrip .l{margin-top:11px;font-size:13px;line-height:1.4;color:var(--ink-faint)}.v4promoband{padding:60px 0}.v4promo-c{text-align:center}.v4promo-eye{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--olive);font-weight:600}.v4promo-arrow{display:inline-block;width:46px;height:56px;margin:6px 0 2px}.v4promo{margin:0 auto;max-width:640px}.v4promo img{width:100%;border-radius:var(--spacing-8);box-shadow:0 34px 70px -40px #14141e80;display:block}.v4circle{position:relative;display:inline-block;white-space:nowrap}.v4circle-svg{position:absolute;left:-9px;top:-6px;width:calc(100% + 18px);height:calc(100% + 13px);color:var(--olive);overflow:visible;z-index:0;pointer-events:none}.v4feat-quote{margin:16px 0 0;padding-left:14px;border-left:2px solid var(--coral);font-size:16px;line-height:1.5;color:var(--ink-soft)}.v4verdictband{background:var(--paper-warm)}.v4bigverdict{font-family:var(--serif);font-size:clamp(26px,3.6vw,40px);line-height:1.3;font-style:italic;color:var(--ink);margin:12px 0 0;border:0;padding:0}.v4bigverdict .grn{font-style:italic;color:var(--olive)}.v4verdict-by{margin-top:26px;font-family:var(--mono);font-size:13px;color:var(--ink-faint);line-height:1.6}.v4verdict-by span{display:block;margin-top:4px;font-family:var(--serif);font-style:italic;font-size:15px;color:var(--ink-soft)}.v4promoband .v4h2{margin:0 0 22px}.v4psband{padding:46px 0}.v4psband .v4psfig img{max-width:230px;margin:0 auto 14px}.v4psband .v4psfig figcaption{font-size:14px}.v4artband{position:relative;overflow:hidden}.v4artband:before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;pointer-events:none}.v4artband>.v4in{position:relative;z-index:1}.v4scribble{display:block;color:var(--olive);width:210px;max-width:62%;height:13px;margin:8px 0 0}.v4brush{display:block;width:180px;max-width:80%;height:14px;margin:0 0 14px}.v4scribble-dark{color:var(--coral)}.v4.anim .v4band{opacity:0;transform:translateY(18px);transition:opacity .65s cubic-bezier(.22,.61,.36,1),transform .65s cubic-bezier(.22,.61,.36,1)}.v4.anim .v4band.inview{opacity:1;transform:none}@media(max-width:820px){.v4herotop{grid-template-columns:1fr;gap:32px}.v4statstrip{grid-template-columns:1fr 1fr;gap:28px}.v4vquotes{grid-template-columns:1fr;gap:28px}.v4stats{grid-template-columns:1fr 1fr;gap:32px}.v4feat{grid-template-columns:1fr;gap:28px}.v4feat.reverse .v4feat-txt{order:0}.v4feats3,.v4ugc{grid-template-columns:1fr}.v4teams{flex-direction:column;align-items:flex-start}.v4dossier{gap:32px}}.v4promo video{width:100%;border-radius:var(--spacing-8);box-shadow:0 34px 70px -40px #14141e80;display:block}.v4feat-img video{width:100%;max-width:420px;border-radius:var(--spacing-8);box-shadow:0 34px 70px -34px #14141e8c;display:block}.v4frame video{width:100%;display:block}.v4 p a,.v4 .v4feat-quote a,.v4 .v4snap-desc a{color:var(--olive,#218c00);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.v4 p a:hover{text-decoration-thickness:2px}.v4herotxt{min-width:0}.v4eye.grn-eye{color:var(--coral,#63fe13)}
.legal[data-astro-cid-zdjpxdal]{max-width:720px}.legal-h1[data-astro-cid-zdjpxdal]{margin:0;font-size:40px;font-weight:700;letter-spacing:-.02em;color:var(--ink, #262626)}.legal-meta[data-astro-cid-zdjpxdal]{margin:10px 0 32px;font-size:14px;color:var(--ink-mute, #595959)}.legal[data-astro-cid-zdjpxdal] h2[data-astro-cid-zdjpxdal]{margin:32px 0 12px;font-size:20px;font-weight:700;color:var(--ink, #262626)}.legal[data-astro-cid-zdjpxdal] p[data-astro-cid-zdjpxdal],.legal[data-astro-cid-zdjpxdal] li[data-astro-cid-zdjpxdal]{font-size:16px;line-height:1.7;color:var(--ink-soft, #434343)}.legal[data-astro-cid-zdjpxdal] p[data-astro-cid-zdjpxdal]{margin:0 0 14px}.legal[data-astro-cid-zdjpxdal] a[data-astro-cid-zdjpxdal]{color:var(--ink, #262626);text-decoration:underline;text-underline-offset:2px}
:root{--cl-accent: #5ad11f;--cl-accent-deep: var(--olive);--cl-accent-tint: color-mix(in oklab, var(--bone), var(--cl-accent) 12%);--cl-accent-tint-strong: color-mix(in oklab, var(--bone), var(--cl-accent) 18%);--cl-max: 1360px;--cl-pad: 64px;--cl-date-col: 132px;--cl-rail-col: 40px;--cl-side-col: 296px}body{margin:0}.cl-page{background:var(--paper);color:var(--ink)}.updates-page,.updates-page *:not(.site-chrome,.site-chrome *,.sub-footer,.sub-footer *),.updates-page *:not(.site-chrome,.site-chrome *,.sub-footer,.sub-footer *):before,.updates-page *:not(.site-chrome,.site-chrome *,.sub-footer,.sub-footer *):after{box-sizing:content-box}.updates-page .cl-stream{padding:0}@media(min-width:1367px){.updates-page .nav-links{margin-block:1em;padding-inline-start:40px}}.skip{position:absolute;top:-100px;left:16px;z-index:100;padding:10px 14px;background:var(--ink);color:var(--paper);border-radius:999px;font-size:14px;text-decoration:none}.skip:focus{top:16px;outline:2px solid var(--cl-accent);outline-offset:2px}.cl-wrap{max-width:var(--cl-max);margin:0 auto;padding:0 var(--cl-pad);position:relative}.cl-eyebrow{margin:0 0 18px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cl-accent-deep);display:inline-flex;align-items:center;gap:10px}.cl-eyebrow:before{content:"";width:22px;height:2px;background:var(--cl-accent)}.cl-link{color:var(--ink);font-weight:500;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px;text-decoration-thickness:1px;transition:text-decoration-color .16s ease,color .16s ease}.cl-link:hover{text-decoration-color:var(--ink)}.cl-link:focus-visible{outline:2px solid var(--cl-accent);outline-offset:3px;border-radius:2px}.cl-link--button{background:none;border:0;padding:0;font:inherit;cursor:pointer}.cl-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 18px;border:1px solid var(--ink);border-radius:999px;background:var(--bone);color:var(--ink);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .16s ease,color .16s ease,border-color .16s ease}.cl-btn:hover{background:var(--paper-dark)}.cl-btn--ink{background:var(--ink);color:var(--paper)}.cl-btn--ink:hover{background:var(--ink-soft)}.cl-btn:focus-visible{outline:2px solid var(--cl-accent);outline-offset:3px}.cl-hero{padding:130px 0 52px;background:var(--paper-warm);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.cl-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,500px);gap:72px;align-items:center;z-index:1}.cl-hero__title{margin:0;max-width:14ch;font-size:clamp(38px,5vw,58px);font-weight:700;line-height:1.02;letter-spacing:-.035em;text-wrap:balance}.cl-hero__lead{margin:18px 0 0;max-width:54ch;font-size:17px;line-height:1.55;color:var(--ink-mute)}.updates-page:lang(zh) .cl-hero__title{max-width:none;white-space:nowrap;font-size:clamp(26px,4vw,52px)}.cl-hero__actions{margin:24px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.cl-hero__aside{min-width:0}.cl-stack{display:grid;padding:44px 26px 0 0}.cl-card{grid-area:1 / 1;align-self:start;position:relative;isolation:isolate;background:var(--bone);border:1px solid var(--line);border-radius:12px;padding:24px 26px 26px;overflow:hidden;box-shadow:0 24px 48px -30px #26262642;transition:transform .34s cubic-bezier(.22,.61,.36,1),box-shadow .34s ease,opacity .28s ease}.cl-card:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--cl-card-art) center 60% / cover no-repeat}.cl-card--front{--cl-card-art: url(https://r.open-design.ai/files/d515296317722cf94fac03a6c026bf8e5e34bfee37673f9da7783b2eb1637c7c)}.cl-card--back{--cl-card-art: url(https://r.open-design.ai/files/ab7e6d778b1eb68736ee32346d93adc8c9ad4b62411f096ee971beccfc2e8c21)}.cl-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(160deg,#ffffffdb,#ffffffc7 46%,#fff6)}.cl-card--front{z-index:2}.cl-card--back{z-index:1;transform:translate(26px,-44px) rotate(1.4deg) scale(.98);transform-origin:100% 0}.cl-card--back:after{background:linear-gradient(160deg,#ffffffed,#ffffffe0 46%,#ffffff9e);transition:background .28s ease}.cl-stack.is-flipped .cl-card--back,.cl-card--back:focus-within{z-index:3;transform:translate(0) rotate(0) scale(1);box-shadow:0 30px 60px -28px #26262657}.cl-stack.is-flipped .cl-card--back:after,.cl-card--back:focus-within:after{background:linear-gradient(160deg,#ffffffe6,#ffffffd9 46%,#fff9)}.cl-stack.is-flipped .cl-card--front,.cl-card--back:focus-within~.cl-card--front{transform:translate(-16px,18px) rotate(-1deg) scale(.98);transform-origin:0 100%;box-shadow:0 14px 30px -24px #26262638}.cl-card__kicker{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}.cl-card__version{margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}.cl-card__ver{font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.cl-card__name{font-size:15px;font-weight:600;color:var(--ink-soft)}.cl-card__meta{margin:10px 0 0;font-size:13px;color:var(--ink-mute);font-variant-numeric:tabular-nums}.cl-card__summary{margin:14px 0 0;padding-top:14px;border-top:1px solid rgba(38,38,38,.1);font-size:14px;line-height:1.5;color:var(--ink-soft)}.cl-card__points{margin:14px 0 0;padding:14px 0 0;border-top:1px solid rgba(38,38,38,.1);list-style:none;display:flex;flex-direction:column;gap:7px;font-size:14px;line-height:1.4;color:var(--ink-soft)}.cl-card__points li{position:relative;padding-left:18px}.cl-card__points li:before{content:"";position:absolute;left:2px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--cl-accent)}.cl-card__actions{margin:18px 0 0}.cl-btn--sm{min-height:36px;padding:0 14px;font-size:13px}.cl-btn--sm .cl-follow__icon{width:16px;height:16px;padding:0;border:0;background:none;color:inherit}.cl-rss-label--compact{display:none}.cl-body{display:grid;grid-template-columns:minmax(0,1fr) var(--cl-side-col);gap:72px;padding-top:56px;padding-bottom:96px;align-items:start}.cl-stream__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:8px}.cl-stream__title{margin:0;font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;max-width:none;line-height:1.3}.cl-stream__count{margin:0;font-size:13px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.cl-stream__foot{margin-top:8px;padding-top:24px;border-top:1px solid var(--line);font-size:14px;color:var(--ink-mute)}.cl-stream__foot p{margin:0}.cl-empty{margin:0;padding:48px 0;color:var(--ink-mute);font-size:15px}.cl-timeline{list-style:none;margin:0;padding:0;position:relative}.cl-timeline:before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--cl-date-col) + var(--cl-rail-col) / 2);width:1px;background:var(--line);mask-image:linear-gradient(to bottom,#000 calc(100% - 56px),transparent);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 56px),transparent)}.cl-group{display:grid;grid-template-columns:var(--cl-date-col) minmax(0,1fr);align-items:start}.cl-group[hidden]{display:none}.cl-group+.cl-group>*{border-top:1px solid var(--line-soft, #f0f0f0)}.cl-group+.cl-group>.cl-group__date{padding-top:43px}.cl-group+.cl-group>.cl-group__list>.cl-entry:first-child{padding-top:40px}.cl-group.is-first>*{border-top:0}.cl-group.is-first>.cl-group__date{padding-top:31px}.cl-group.is-first>.cl-group__list>.cl-entry:first-child{padding-top:28px}.cl-group__date{display:flex;flex-direction:column;gap:2px;padding:31px 16px 0 0;text-align:right}.cl-group__date-main{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);white-space:nowrap}.cl-group__date-year{font-size:12px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.cl-group__list{list-style:none;margin:0;padding:0;min-width:0}.cl-entry{display:grid;grid-template-columns:var(--cl-rail-col) minmax(0,1fr);align-items:start;padding:28px 0 32px;position:relative}.cl-entry[hidden]{display:none}.cl-entry__node{justify-self:center;width:14px;height:14px;margin-top:5px;border-radius:50%;border:1.5px solid var(--ink-faint);background:var(--paper);box-shadow:0 0 0 4px var(--paper);transition:border-color .16s ease,background .16s ease}.cl-entry[data-type=new] .cl-entry__node{background:var(--cl-accent);border-color:var(--cl-accent-deep)}.cl-entry[data-type=improved] .cl-entry__node{background:var(--ink);border-color:var(--ink)}.cl-entry:hover .cl-entry__node{border-color:var(--ink)}.cl-entry__body{padding-left:8px;min-width:0}.cl-entry__title{margin:0;font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-.02em;max-width:none}.cl-entry__title a{color:var(--ink);font:inherit;text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:1px;text-underline-offset:5px;white-space:normal;transition:text-decoration-color .16s ease}.cl-entry__title a:hover{color:var(--ink);text-decoration-color:var(--cl-accent);text-decoration-thickness:2px}.cl-entry__title a:focus-visible{outline:2px solid var(--cl-accent);outline-offset:4px;border-radius:2px}.cl-entry__summary{margin:10px 0 0;max-width:68ch;font-size:16px;line-height:1.55;color:var(--ink-mute)}.cl-entry__meta{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:13px}.cl-type{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.01em;border:1px solid transparent}.cl-type--new{background:var(--cl-accent-tint-strong);color:var(--cl-accent-deep)}.cl-type--improved{background:var(--paper-dark);color:var(--ink-soft)}.cl-type--fixed{background:var(--bone);color:var(--ink-mute);border-color:var(--line)}.cl-type--inline{min-height:20px;padding:0 8px;font-size:11px}.cl-area{color:var(--ink-mute);font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap;transition:color .16s ease}.cl-area:hover{color:var(--cl-accent-deep)}.cl-area:focus-visible{outline:2px solid var(--cl-accent);outline-offset:3px;border-radius:2px}.cl-version{color:var(--ink-faint);font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.cl-side{position:sticky;top:112px;display:flex;flex-direction:column;gap:20px}.cl-filter{background:var(--paper-warm);border:1px solid var(--line);border-radius:12px}.cl-filter__summary{list-style:none;cursor:default;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:20px 22px 0}.cl-filter__summary::-webkit-details-marker{display:none}.cl-filter__title{font-size:18px;font-weight:700;letter-spacing:-.01em}.cl-filter__state{font-size:12px;color:var(--ink-faint)}.cl-filter__form{padding:12px 22px 22px}.cl-filter__group{border:0;margin:0;padding:0;min-width:0}.cl-filter__group+.cl-filter__group{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.cl-filter__group>.cl-filter__legend{float:left;width:100%}.cl-filter__legend{padding:0;margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.cl-filter__list{clear:both;list-style:none;margin:0;padding:0}.cl-check{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:36px;cursor:pointer;font-size:15px;color:var(--ink)}.cl-check input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.cl-check__box{width:18px;height:18px;border:1.5px solid var(--ink-faint);border-radius:4px;background:var(--bone);display:inline-grid;place-items:center;transition:background .12s ease,border-color .12s ease}.cl-check__box:after{content:"";width:9px;height:5px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:translateY(-1px) rotate(-45deg);opacity:0;transition:opacity .12s ease}.cl-check:hover .cl-check__box{border-color:var(--ink)}.cl-check input:checked+.cl-check__box{background:var(--cl-accent);border-color:var(--cl-accent)}.cl-check input:checked+.cl-check__box:after{opacity:1}.cl-check input:focus-visible+.cl-check__box{outline:2px solid var(--cl-accent);outline-offset:2px}.cl-check__label{line-height:1.3}.cl-check__count{font-size:12px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.cl-filter__clear{margin-top:20px;padding:0;border:0;background:none;font:inherit;font-size:14px;font-weight:500;color:var(--ink-mute);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px;cursor:pointer}.cl-filter__clear:hover{color:var(--ink);text-decoration-color:var(--ink)}.cl-filter__clear:focus-visible{outline:2px solid var(--cl-accent);outline-offset:3px;border-radius:2px}.cl-filter__clear[disabled]{opacity:.45;cursor:default}.cl-side__follow{padding:0 22px}.cl-follow{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:14px}.cl-follow__link{display:inline-flex;align-items:center;gap:10px;min-height:32px;color:var(--ink);font-weight:500;text-decoration:none;white-space:nowrap}.cl-follow__icon{flex:none;width:26px;height:26px;padding:5px;box-sizing:border-box;border:1px solid var(--line);border-radius:7px;background:var(--bone);color:var(--ink-soft);transition:border-color .16s ease,color .16s ease,background .16s ease}.updates-page .cl-side__follow .cl-follow__icon{box-sizing:border-box}.updates-page .cl-side__follow .cl-follow__link{max-width:100%}.updates-page .cl-side__follow .cl-follow__label{min-width:0;white-space:normal;overflow-wrap:anywhere}.cl-follow__label{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;text-decoration-thickness:1px;transition:text-decoration-color .16s ease}.cl-follow__link:hover .cl-follow__icon{border-color:var(--ink);color:var(--ink)}.cl-follow__link:hover .cl-follow__label{text-decoration-color:var(--ink)}.cl-follow__link:focus-visible{outline:2px solid var(--cl-accent);outline-offset:3px;border-radius:4px}@media(max-width:1366px){:root{--cl-pad: 44px}}@media(max-width:1080px){:root{--cl-pad: 40px;--cl-side-col: 260px;--cl-date-col: 112px}.cl-body{gap:48px}.cl-hero__inner{grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:48px}}@media(max-width:900px){:root{--cl-pad: 32px}.cl-hero{padding-top:116px;padding-bottom:44px}.cl-hero__inner{grid-template-columns:minmax(0,1fr);gap:32px}.cl-hero__aside{width:100%}.cl-stack{width:100%;max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:14px;padding:0}.cl-card,.cl-card--back,.cl-card--back:focus-within,.cl-stack.is-flipped .cl-card--back,.cl-stack.is-flipped .cl-card--front,.cl-card--back:focus-within~.cl-card--front{grid-area:auto;align-self:stretch;transform:none;box-shadow:0 24px 48px -30px #26262642}.cl-card--front{order:1}.cl-card--back{order:2;padding:20px 22px 22px}.cl-card--back .cl-card__kicker{margin-bottom:8px}.cl-card--back .cl-card__ver{font-size:30px}.cl-card--back .cl-card__meta,.cl-card--back .cl-card__points,.cl-card--front .cl-card__meta,.cl-card--front .cl-card__summary{display:none}.cl-card--back .cl-card__actions,.cl-card--front .cl-card__actions{margin-top:18px}.cl-card--back:after{background:linear-gradient(160deg,#ffffffe6,#ffffffd9 46%,#fff9)}.cl-hero:after{mask-image:linear-gradient(to bottom,transparent 45%,rgba(0,0,0,.9));-webkit-mask-image:linear-gradient(to bottom,transparent 45%,rgba(0,0,0,.9))}.cl-body{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:32px}.cl-side{position:static;order:-1;gap:0}.cl-side__follow{display:none}.cl-filter__summary{cursor:pointer;padding:14px 18px;align-items:center}.cl-filter__summary:after{content:"";width:8px;height:8px;margin-left:12px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translateY(-2px);flex:none;transition:transform .16s ease}.cl-filter[open] .cl-filter__summary:after{transform:rotate(-135deg) translateY(-2px)}.cl-filter__title{font-size:16px}.cl-filter__state{margin-left:auto}.cl-filter__form{padding:4px 18px 18px;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.cl-filter__group+.cl-filter__group{margin-top:0;padding-top:0;border-top:0}.cl-filter__clear{grid-column:1 / -1;justify-self:start;margin-top:12px}.cl-check{min-height:34px;font-size:14px}}@media(max-width:640px){:root{--cl-pad: 16px;--cl-date-col: 0px;--cl-rail-col: 28px}.cl-hero{padding-top:104px;padding-bottom:32px}.cl-hero__lead{font-size:16px}.cl-stack{gap:10px}.cl-card,.cl-card--back{min-width:0;padding:16px 14px 18px;border-radius:10px}.cl-card__kicker{font-size:9px;letter-spacing:.11em}.cl-card__version{align-items:flex-start;gap:7px}.cl-card__ver,.cl-card--back .cl-card__ver{font-size:25px}.cl-card__name{font-size:12px;line-height:1.25}.cl-card .cl-btn--sm{box-sizing:border-box;max-width:100%;min-height:34px;height:auto;padding:8px 11px;justify-content:center;font-size:12px;line-height:1.15;text-align:center;white-space:normal}.cl-rss-label--wide{display:none}.cl-rss-label--compact{display:inline}.cl-hero__actions .cl-btn{flex:1 1 auto;justify-content:center}.cl-timeline:before{left:calc(var(--cl-rail-col) / 2)}.cl-group{grid-template-columns:minmax(0,1fr)}.cl-group__date{flex-direction:row;align-items:baseline;gap:8px;text-align:left;padding:26px 0 0 calc(var(--cl-rail-col) + 8px)}.cl-entry{padding:12px 0 24px}.cl-group+.cl-group>.cl-group__list{border-top:0}.cl-group+.cl-group>.cl-group__list>.cl-entry:first-child{padding-top:12px}.cl-group.is-first>.cl-group__date{padding-top:26px}.cl-entry__title{font-size:19px}.cl-entry__summary{font-size:15px}.cl-filter__form{grid-template-columns:1fr}.cl-filter__group+.cl-filter__group{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.cl-stream__head{flex-direction:column;gap:4px}}@media(prefers-reduced-motion:reduce){.cl-link,.cl-btn,.cl-card,.cl-card:after,.cl-follow__icon,.cl-follow__label,.cl-entry__node,.cl-entry__title a,.cl-check__box,.cl-check__box:after,.cl-area,.cl-filter__summary:after{transition:none}}
.related-tutorials[data-astro-cid-3cur7jg6]{padding:0 0 64px}.container[data-astro-cid-3cur7jg6]{max-width:var(--tutorial-content-width, 840px)}.related-header[data-astro-cid-3cur7jg6]{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:26px}.related-back[data-astro-cid-3cur7jg6]{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;color:var(--ink-mute);font-family:var(--sans);font-size:14px;font-weight:500;line-height:1.5;text-decoration:none}.related-back[data-astro-cid-3cur7jg6] svg[data-astro-cid-3cur7jg6]{flex:none}.related-back[data-astro-cid-3cur7jg6]:hover{color:var(--ink)}.related-back[data-astro-cid-3cur7jg6]:hover span[data-astro-cid-3cur7jg6]{text-decoration:underline;text-underline-offset:4px}.related-back[data-astro-cid-3cur7jg6]:focus-visible{outline:2px solid var(--ink);outline-offset:3px}h2[data-astro-cid-3cur7jg6]{margin:0;color:var(--ink);font-family:var(--sans);font-size:24px;font-weight:500;line-height:1.2}ul[data-astro-cid-3cur7jg6]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none}li[data-astro-cid-3cur7jg6]{min-width:0}@media(width<=820px){.motion-tutorial .container[data-astro-cid-3cur7jg6]{padding-inline:20px}}@media(width<=760px){ul[data-astro-cid-3cur7jg6]{grid-template-columns:1fr}h2[data-astro-cid-3cur7jg6]{font-size:24px}}.tutorial-toc[data-astro-cid-dcbumk4q]{margin:0 0 32px;font-family:var(--sans)}.tutorial-toc[data-astro-cid-dcbumk4q] details[data-astro-cid-dcbumk4q]{border-block:1px solid #dce1da}.tutorial-toc[data-astro-cid-dcbumk4q] summary[data-astro-cid-dcbumk4q]{padding:16px 0;color:#354637;font-size:14px;font-weight:600;cursor:pointer}.tutorial-toc[data-astro-cid-dcbumk4q] ol[data-astro-cid-dcbumk4q]{list-style:none;margin:0;padding:0 0 16px}.tutorial-toc[data-astro-cid-dcbumk4q] li[data-astro-cid-dcbumk4q]{margin:0}.tutorial-toc[data-astro-cid-dcbumk4q] a[data-astro-cid-dcbumk4q]{display:block;padding:7px 12px;border-left:2px solid #0000;color:#656b64;font-size:13px;line-height:1.5;text-decoration:none}.tutorial-toc[data-astro-cid-dcbumk4q] a[data-astro-cid-dcbumk4q]:hover{color:#263e2b;background:#eef2eb}.tutorial-toc[data-astro-cid-dcbumk4q] a[data-astro-cid-dcbumk4q][aria-current]{color:#264c30;border-left-color:#52745b;background:#eaf0e7;font-weight:600}.tutorial-toc[data-astro-cid-dcbumk4q] a[data-astro-cid-dcbumk4q]:focus-visible,.tutorial-toc[data-astro-cid-dcbumk4q] summary[data-astro-cid-dcbumk4q]:focus-visible{outline:2px solid #52745b;outline-offset:2px}@media(width>=1280px){.tutorial-toc[data-astro-cid-dcbumk4q]{position:fixed;top:136px;left:max(24px,50% - 650px);width:220px;max-height:calc(100dvh - 168px);overflow-y:auto;margin:0;scrollbar-width:thin}.tutorial-toc[data-astro-cid-dcbumk4q] details[data-astro-cid-dcbumk4q]{border:0}.tutorial-toc[data-astro-cid-dcbumk4q] summary[data-astro-cid-dcbumk4q]{padding:0 12px 16px;list-style:none}.tutorial-toc[data-astro-cid-dcbumk4q] summary[data-astro-cid-dcbumk4q]::-webkit-details-marker{display:none}}.motion-tutorial .motion-contact-sheet{overflow-x:auto;padding-bottom:12px}.motion-tutorial .motion-contact-sheet img{min-width:1440px;max-width:none;width:1440px}.motion-tutorial .motion-contact-sheet figcaption{position:sticky;left:0;max-width:100%}.ppt-readable-shell{--tutorial-content-width: 880px;position:relative;z-index:2;padding-top:132px;background:var(--paper)}.ppt-readable{padding:48px 0}.ppt-readable .container{max-width:var(--tutorial-content-width)}.ppt-readable-head{padding-bottom:34px;margin-bottom:40px}.tut-editorial-cover{margin-top:32px}.tut-editorial-cover img{display:block;width:100%;height:auto;border-radius:16px}.ppt-cover-video{margin-top:34px;border:1px solid var(--line);border-radius:var(--spacing-8);overflow:hidden;background:#ffffff94;box-shadow:0 18px 42px #14141414}.ppt-cover-video video{display:block;width:100%;aspect-ratio:16 / 9;height:auto;object-fit:cover}.ppt-readable .ppt-body{color:var(--ink-soft);font-family:var(--body);font-size:18px;line-height:1.72}.ppt-readable .ppt-body>blockquote:first-child{margin:0 0 54px;padding:0 0 0 24px;border-left:3px solid var(--coral);color:var(--ink);font-family:var(--serif);font-size:clamp(24px,3vw,34px);font-style:italic;line-height:1.25}.ppt-readable .ppt-body>blockquote.compact-intro:first-child{font-family:var(--sans);font-size:15px;font-weight:400;font-style:normal;line-height:1.65;padding:14px 18px;color:var(--ink-soft);margin-bottom:32px}.ppt-readable .ppt-body h1,.ppt-readable .ppt-body h2{color:var(--ink);font-family:var(--serif);font-weight:500;letter-spacing:0}.ppt-readable .ppt-body h1{max-width:760px;margin:2.2em 0 .72em;font-size:clamp(34px,4.6vw,56px);line-height:1.02}.ppt-readable .ppt-body h2{margin:1.9em 0 .68em;font-size:clamp(25px,2.7vw,34px);line-height:1.12}.ppt-readable .ppt-body h3{margin:1.7em 0 .5em;color:var(--ink);font-family:var(--sans);font-size:18px;font-weight:700}.ppt-readable .ppt-body p{margin:0 0 1.35em}.ppt-readable .ppt-media{width:100%;margin:30px 0 46px}.ppt-readable .ppt-media img,.ppt-readable .ppt-media video{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:var(--spacing-8);background:#ffffff94;box-shadow:0 18px 42px #14141414}.ppt-readable .ppt-media video{aspect-ratio:16 / 9;object-fit:cover}.ppt-readable .ppt-media figcaption{margin-top:10px;color:var(--ink-faint);font-family:var(--sans);font-size:13px;line-height:1.45;text-align:center}.official-guide .ppt-body>figure{margin:28px 0 40px}.official-guide .ppt-body>figure img,.official-guide .ppt-body>figure video{display:block;max-width:100%;height:auto;margin:0 auto;border:1px solid #e4e4e0;border-radius:var(--spacing-8);background:#fff;box-shadow:none}.official-guide .ppt-body>figure video{width:100%;aspect-ratio:16 / 9}.official-guide .ppt-body>figure.motion-study video{width:auto;max-width:100%;max-height:640px;aspect-ratio:auto;object-fit:contain}.official-guide .ppt-body>figure figcaption{margin-top:12px;color:var(--ink-faint);font-family:var(--sans);font-size:13px;line-height:1.45;text-align:center}.official-guide .ppt-body>blockquote{margin:0 0 32px;padding:14px 18px;border:1px solid #e4e4e0;border-radius:var(--spacing-8);background:#fff;color:var(--ink-soft);font-family:var(--sans);font-size:15px;font-style:normal;line-height:1.6}.official-guide .ppt-body>blockquote p{margin:0}.official-guide .ppt-body details{margin:0;border-bottom:1px solid #dedede}.official-guide .ppt-body details:first-of-type{border-top:1px solid #c1c1c1}.official-guide .ppt-body summary{position:relative;padding:20px 48px 20px 0;color:var(--ink);font-family:var(--sans);font-size:17px;font-weight:550;line-height:1.6;list-style:none;cursor:pointer}.official-guide .ppt-body summary::-webkit-details-marker{display:none}.official-guide .ppt-body summary:after{content:"+";position:absolute;top:50%;right:0;display:grid;place-items:center;width:28px;height:28px;border:1px solid #dedede;border-radius:50%;transform:translateY(-50%);color:var(--ink);font-size:18px;font-weight:400;line-height:1}.official-guide .ppt-body details[open] summary:after{content:"−"}.official-guide .ppt-body details>:not(summary){margin:-4px 48px 20px 0;font-size:16px}.official-guide .ppt-body h2#related+ul{padding:0;list-style:none}.official-guide .ppt-body h2#related+ul a{color:var(--ink);text-decoration-color:var(--coral);text-decoration-thickness:2px;text-underline-offset:4px}.ppt-readable .ppt-body a{color:var(--ink);text-decoration-color:var(--coral);text-decoration-thickness:1px;text-underline-offset:3px}.ppt-readable .ppt-body hr{border:0;border-top:1px solid var(--line);margin:58px 0}.ppt-readable .ppt-body table{display:table;table-layout:fixed;width:100%;margin:32px 0 46px;border-collapse:collapse;border:1px solid var(--line);background:#ffffff94}.ppt-readable .ppt-body th,.ppt-readable .ppt-body td{padding:14px 16px;border:1px solid var(--line);vertical-align:top;font-size:14px;line-height:1.5;word-break:normal;overflow-wrap:anywhere}.ppt-readable .ppt-body th{color:var(--ink);font-family:var(--sans);font-weight:700;background:#1414140a}.ppt-readable .ppt-body pre{overflow-x:auto;margin:0;padding:50px 22px 22px;border:1px solid var(--line);border-radius:var(--spacing-8);background:#151515;color:#f6f1e8;font-size:13px;line-height:1.55}.ppt-readable .ppt-body code{font-family:var(--mono);font-size:.9em}.ppt-readable .ppt-code-wrap{position:relative;margin:28px 0 42px}.ppt-readable .ppt-copy-code{position:absolute;top:12px;right:12px;z-index:1;min-width:76px;height:34px;border:1px solid rgba(255,255,255,.72);border-radius:6px;background:#f6f1e8;color:#151515;box-shadow:0 8px 18px #00000057;font-family:var(--sans);font-size:12.5px;font-weight:700;line-height:1;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.ppt-readable .ppt-copy-code:hover{border-color:#fff;background:#fff;transform:translateY(-1px)}.ppt-readable .case-prompt .ppt-code-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;background:#151515;border:1px solid var(--line);border-radius:var(--spacing-8);overflow:hidden}.ppt-readable .case-prompt .ppt-copy-code{position:static;grid-column:2;grid-row:1;align-self:start;margin:12px 12px 8px 0}.ppt-readable .case-prompt .ppt-expand-code{position:static;grid-column:1;grid-row:1;justify-self:start;margin:12px 8px 8px 12px;padding:8px 10px;line-height:1.35}.ppt-readable .case-prompt pre{grid-column:1 / -1;grid-row:2;min-width:0;max-height:320px;overflow:auto;overscroll-behavior:contain;padding:18px 22px 22px;border:0;border-radius:0;white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-color:#888 #252525}.ppt-readable .case-prompt .is-expanded pre{max-height:none}.ppt-readable .case-prompt pre:focus-visible{outline:2px solid #a7d99a;outline-offset:-3px}.ppt-readable .ppt-expand-code{position:absolute;top:12px;left:12px;min-height:34px;padding:0 10px;border:1px solid #777;border-radius:6px;background:#252525;color:#f6f1e8;font:500 12px var(--sans);cursor:pointer}.ppt-readable .ppt-expand-code:hover{background:#363636}.ppt-readable .ppt-expand-code:focus-visible,.ppt-readable .ppt-copy-code:focus-visible{outline:2px solid #a7d99a;outline-offset:2px}.ppt-readable .ppt-body :not(pre)>code{padding:2px 5px;border-radius:5px;background:#1414140f;color:var(--ink)}.ppt-readable .ppt-body ul,.ppt-readable .ppt-body ol{margin:0 0 1.45em 1.25em;padding:0}.ppt-readable .ppt-body li{margin:.35em 0}@media(max-width:820px){.ppt-readable-shell{padding-top:108px}.ppt-readable .ppt-body{font-size:16.5px}.ppt-readable .ppt-body table{display:block;overflow-x:auto}}.motion-tutorial{--tutorial-content-width: 840px}.motion-tutorial .ppt-readable .container{max-width:var(--tutorial-content-width)}.motion-tutorial .ppt-readable{padding-top:32px}.motion-tutorial .ppt-readable .tut-detail-title{font-size:clamp(30px,3.4vw,44px);line-height:1.14;letter-spacing:-.025em}.motion-tutorial .ppt-readable .tut-detail-summary{font-size:18px;line-height:1.65;font-style:normal}.motion-tutorial .ppt-readable .tut-detail-meta{align-items:center;letter-spacing:.02em}.motion-tutorial .ppt-readable-head{padding-bottom:32px;margin-bottom:32px}.motion-tutorial .official-guide .ppt-body{font-size:17px;line-height:1.75;color:#454944}.motion-tutorial .official-guide .ppt-body p{margin-bottom:1.2em}.motion-tutorial .official-guide .ppt-body h2{margin:56px 0 20px;font-size:28px;line-height:1.3;letter-spacing:-.02em;color:#252a25}.motion-tutorial .official-guide .ppt-body h3{margin:36px 0 14px;font-size:20px;line-height:1.4;letter-spacing:-.01em}.motion-tutorial .official-guide .ppt-body a{color:#355b43;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.motion-tutorial .official-guide .ppt-body figure{margin:28px 0 36px}.motion-tutorial .official-guide .ppt-body figcaption{margin-top:12px;font-size:13px;line-height:1.6;color:#686d66;text-align:left}.motion-tutorial .official-guide .ppt-body .tutorial-table-scroll{margin:28px 0 40px;overflow:auto;border:1px solid #dce1da;border-radius:8px;scrollbar-color:#a0aaa0 #edf0eb}.motion-tutorial .tutorial-table-scroll:focus-visible{outline:2px solid #52745b;outline-offset:3px}.motion-tutorial .official-guide .ppt-body table{display:table;table-layout:auto;min-width:640px;width:100%;margin:0;border:0;background:#fff}.motion-tutorial .official-guide .ppt-body th,.motion-tutorial .official-guide .ppt-body td{padding:15px 18px;border:0;border-bottom:1px solid #e2e6df;font-size:14px;line-height:1.6;overflow-wrap:normal;vertical-align:top;text-align:left}.motion-tutorial .official-guide .ppt-body th{background:#eaf0e7;color:#384a39;font-weight:600}.motion-tutorial .official-guide .ppt-body td:first-child{width:24%;color:#303c31;font-weight:600}.motion-tutorial .official-guide .ppt-body tbody tr:nth-child(2n){background:#f6f8f4}.motion-tutorial .official-guide .ppt-body tbody tr:last-child td{border-bottom:0}.motion-tutorial .official-guide .ppt-body .case-prompt{margin:24px 0 32px}.motion-tutorial .case-prompt>p{font-size:14px;line-height:1.6;color:#62685f}.motion-tutorial .ppt-code-wrap{margin:16px 0 32px}.motion-tutorial .ppt-copy-code,.motion-tutorial .ppt-expand-code{box-shadow:none;font-size:12px;font-weight:500}.motion-tutorial .ppt-copy-code:hover{transform:none}.motion-tutorial .official-guide .ppt-body pre{font-size:13px;line-height:1.65}@media(max-width:820px){.motion-tutorial .ppt-readable{padding-top:20px}.motion-tutorial .ppt-readable .container{padding-left:20px;padding-right:20px}.motion-tutorial .official-guide .ppt-body{font-size:16px;line-height:1.75}.motion-tutorial .ppt-readable .tut-detail-summary{font-size:17px}.motion-tutorial .official-guide .ppt-body h2{margin-top:44px;font-size:24px}.motion-tutorial .official-guide .ppt-body h3{font-size:19px}.motion-tutorial .official-guide .ppt-body th,.motion-tutorial .official-guide .ppt-body td{padding:13px 16px}.motion-tutorial .official-guide .ppt-body pre{font-size:12px}}.tut-body :global(h2){scroll-margin-top:130px}@media(min-width:1280px){.tut-detail-shell,.ppt-readable-shell{--tutorial-content-width: 840px}.tut-detail .container,.ppt-readable .container{max-width:var(--tutorial-content-width)}}.tut-detail-shell[data-astro-cid-7ph5n3iw]{--tutorial-content-width: 920px;position:relative;z-index:2;padding-top:140px}.tut-detail-shell[data-astro-cid-7ph5n3iw]+.sub-footer[data-astro-cid-7ph5n3iw]{margin-top:0}.tut-detail[data-astro-cid-7ph5n3iw]{padding:56px 0 48px}.tut-detail[data-astro-cid-7ph5n3iw] .container[data-astro-cid-7ph5n3iw]{max-width:var(--tutorial-content-width)}.tut-back[data-astro-cid-7ph5n3iw]{display:inline-block;font-family:var(--sans);font-size:13px;color:var(--ink-mute);text-decoration:none;margin-bottom:28px;transition:color .16s}.tut-back[data-astro-cid-7ph5n3iw]:hover{color:var(--coral)}.tut-player[data-astro-cid-7ph5n3iw]{position:relative;display:block;width:100%;aspect-ratio:16 / 9;background:#000;border:1px solid var(--line);box-shadow:var(--shadow);margin-bottom:36px;overflow:hidden;text-decoration:none;cursor:pointer}.tut-player-thumb[data-astro-cid-7ph5n3iw]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.96) contrast(1.02);transition:transform .32s cubic-bezier(.23,1,.32,1)}.tut-player[data-astro-cid-7ph5n3iw]:hover .tut-player-thumb[data-astro-cid-7ph5n3iw]{transform:scale(1.02)}.tut-player-overlay[data-astro-cid-7ph5n3iw]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:linear-gradient(#15140f0d,#15140f40 60%,#15140f8c);transition:background .2s}.tut-player[data-astro-cid-7ph5n3iw]:hover .tut-player-overlay[data-astro-cid-7ph5n3iw]{background:linear-gradient(#15140f1a,#15140f52 60%,#15140f9e)}.tut-player-button[data-astro-cid-7ph5n3iw]{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.23,1,.32,1),filter .2s;filter:drop-shadow(0 8px 22px #00000073)}.tut-player[data-astro-cid-7ph5n3iw]:hover .tut-player-button[data-astro-cid-7ph5n3iw]{transform:scale(1.06)}.tut-player-cta[data-astro-cid-7ph5n3iw]{font-family:var(--sans);font-weight:600;font-size:13px;letter-spacing:.04em;color:var(--paper);padding:8px 14px;border:1px solid #ffffff52;border-radius:999px;background:#15140f6b;backdrop-filter:blur(4px);transition:background .2s,border-color .2s}.tut-player[data-astro-cid-7ph5n3iw]:hover .tut-player-cta[data-astro-cid-7ph5n3iw]{background:#15140f9e;border-color:#ffffff80}.tut-article-cover[data-astro-cid-7ph5n3iw]{position:relative;width:100%;aspect-ratio:16 / 9;margin-bottom:36px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--bone);box-shadow:var(--shadow)}.tut-article-cover[data-astro-cid-7ph5n3iw] img[data-astro-cid-7ph5n3iw]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.92) contrast(1.02)}.tut-article-cover[data-astro-cid-7ph5n3iw] span[data-astro-cid-7ph5n3iw]{position:absolute;left:18px;bottom:18px;z-index:1;padding:8px 12px;border-radius:999px;background:#15140fb8;color:var(--paper);font-family:var(--sans);font-size:13px;font-weight:700}.tut-detail-head[data-astro-cid-7ph5n3iw]{margin-bottom:32px}.tut-card-cat[data-astro-cid-7ph5n3iw]{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--coral);display:inline-flex;align-items:center;gap:12px;margin-bottom:14px}.tut-card-cat[data-astro-cid-7ph5n3iw]:before{content:"";width:18px;height:1px;background:var(--coral)}.tut-badge-official[data-astro-cid-7ph5n3iw]{margin-left:2px;padding:2px 7px;border:1px solid var(--coral);border-radius:999px;font-size:9.5px;letter-spacing:.16em;color:var(--coral)}.tut-detail-title[data-astro-cid-7ph5n3iw]{font-family:var(--serif);font-weight:500;font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.018em;color:var(--ink);margin:12px 0 18px}.tut-detail-summary[data-astro-cid-7ph5n3iw]{font-family:var(--serif);font-style:italic;font-size:clamp(17px,1.6vw,20px);line-height:1.45;color:var(--ink-soft);max-width:60ch;margin-bottom:22px}.tut-author[data-astro-cid-7ph5n3iw]{display:inline-flex;align-items:center;gap:8px}.tut-author[data-astro-cid-7ph5n3iw] img[data-astro-cid-7ph5n3iw]{width:32px;height:32px;border-radius:50%;object-fit:cover}.tut-detail-meta[data-astro-cid-7ph5n3iw]{display:flex;flex-wrap:wrap;gap:8px 10px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--ink-faint)}.tut-detail-meta[data-astro-cid-7ph5n3iw] span[data-astro-cid-7ph5n3iw]+span[data-astro-cid-7ph5n3iw]:before,.tut-detail-meta[data-astro-cid-7ph5n3iw] span[data-astro-cid-7ph5n3iw]+a[data-astro-cid-7ph5n3iw]:before{content:"";display:inline-block;width:14px;height:1px;margin-right:10px;vertical-align:middle;background:var(--line)}.tut-detail-yt[data-astro-cid-7ph5n3iw]{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:0;color:var(--ink);text-decoration:none;margin-left:auto;transition:color .16s}.tut-detail-yt[data-astro-cid-7ph5n3iw]:hover{color:var(--coral)}.tut-rule[data-astro-cid-7ph5n3iw]{border:0;border-top:1px solid var(--line);margin:0 0 36px}.tut-body[data-astro-cid-7ph5n3iw]{font-family:var(--body);font-size:17px;line-height:1.7;color:var(--ink-soft)}.tut-body[data-astro-cid-7ph5n3iw] p{margin:0 0 1.4em}.tut-body[data-astro-cid-7ph5n3iw] h1{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3vw,38px);line-height:1.12;letter-spacing:-.018em;color:var(--ink);margin:1.9em 0 .7em}.tut-body[data-astro-cid-7ph5n3iw] h2{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.4vw,30px);line-height:1.2;letter-spacing:-.012em;color:var(--ink);margin:1.8em 0 .6em}.tut-body[data-astro-cid-7ph5n3iw] h3{font-family:var(--sans);font-weight:600;font-size:18px;color:var(--ink);margin:1.6em 0 .5em}.tut-body[data-astro-cid-7ph5n3iw] a{color:var(--coral);text-decoration:underline;text-underline-offset:3px}.tut-body[data-astro-cid-7ph5n3iw] strong{color:var(--ink);font-weight:600}.tut-body[data-astro-cid-7ph5n3iw] ul,.tut-body[data-astro-cid-7ph5n3iw] ol{padding-left:1.4em;margin:0 0 1.4em}.tut-body[data-astro-cid-7ph5n3iw] li{margin-bottom:.4em}.tut-body[data-astro-cid-7ph5n3iw] img{display:block;width:100%;height:auto;margin:1.8em 0 .5em;border:1px solid var(--line);border-radius:10px}.tut-body[data-astro-cid-7ph5n3iw] p:has(>img)+p>em:only-child{display:block;font-size:14px;line-height:1.5;color:var(--ink-faint, var(--ink-soft));font-style:italic}.tut-body[data-astro-cid-7ph5n3iw] pre{background:var(--ink);color:#f3f1ea;border-radius:10px;padding:16px 18px;overflow-x:auto;margin:0 0 1.4em;font-size:14px;line-height:1.6}.tut-body[data-astro-cid-7ph5n3iw] pre code{font-family:var(--mono, ui-monospace, monospace);background:none;padding:0;color:inherit;font-size:14px}.tut-body[data-astro-cid-7ph5n3iw] :not(pre)>code{font-family:var(--mono, ui-monospace, monospace);font-size:.9em;background:var(--paper-2, #0000000d);padding:.12em .4em;border-radius:5px}.tut-body[data-astro-cid-7ph5n3iw] table{width:100%;border-collapse:collapse;margin:0 0 1.6em;font-size:15px}.tut-body[data-astro-cid-7ph5n3iw] th,.tut-body[data-astro-cid-7ph5n3iw] td{border:1px solid var(--line);padding:8px 12px;text-align:left;vertical-align:top}.tut-body[data-astro-cid-7ph5n3iw] th{font-family:var(--sans);font-weight:600;color:var(--ink);background:var(--paper-2, #00000008)}.tut-body[data-astro-cid-7ph5n3iw] hr{border:0;border-top:1px solid var(--line);margin:2em 0 1.6em}.tut-foot[data-astro-cid-7ph5n3iw]{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:8px}.tut-foot[data-astro-cid-7ph5n3iw] .tut-back[data-astro-cid-7ph5n3iw]{margin-bottom:0}@media(width>=1280px){.tut-detail-shell[data-astro-cid-7ph5n3iw]{--tutorial-content-width: 840px}}@media(width<=760px){.tut-detail-shell[data-astro-cid-7ph5n3iw]{padding-top:120px}.tut-detail[data-astro-cid-7ph5n3iw]{padding:36px 0 64px}.tut-foot[data-astro-cid-7ph5n3iw]{align-items:flex-start;flex-direction:column}.tut-detail-meta[data-astro-cid-7ph5n3iw]{flex-direction:column;align-items:flex-start;gap:6px}.tut-detail-meta[data-astro-cid-7ph5n3iw] span[data-astro-cid-7ph5n3iw]+span[data-astro-cid-7ph5n3iw]:before,.tut-detail-meta[data-astro-cid-7ph5n3iw] span[data-astro-cid-7ph5n3iw]+a[data-astro-cid-7ph5n3iw]:before{display:none}.tut-detail-yt[data-astro-cid-7ph5n3iw]{margin-left:0}}
.tut-card-link[data-astro-cid-d3twj4ht]{display:flex;flex-direction:column;min-height:100%;border:0;border-radius:12px;background:none;color:var(--ink);text-decoration:none;overflow:hidden}.tut-card-link[data-astro-cid-d3twj4ht]:hover{background:none}.tut-card-body[data-astro-cid-d3twj4ht]{display:flex;flex:1;flex-direction:column;gap:12px;padding:16px}.tut-card-title[data-astro-cid-d3twj4ht]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-family:var(--serif);font-weight:500;font-size:24px;line-height:1.12;letter-spacing:-.012em;color:var(--ink)}.tut-card-summary[data-astro-cid-d3twj4ht]{max-height:40.3px;flex-shrink:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-family:var(--body);font-size:13px;line-height:1.55;color:var(--ink-mute)}.tut-card-meta[data-astro-cid-d3twj4ht]{display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--ink-faint)}.tut-card-meta[data-astro-cid-d3twj4ht]>span[data-astro-cid-d3twj4ht]{font-size:12px}.compact[data-astro-cid-d3twj4ht] .tut-card-body[data-astro-cid-d3twj4ht]{padding:16px 0 0;gap:10px}.compact[data-astro-cid-d3twj4ht] .tut-card-title[data-astro-cid-d3twj4ht]{font-size:20px;line-height:1.4;letter-spacing:0}.compact[data-astro-cid-d3twj4ht] .tut-card-meta[data-astro-cid-d3twj4ht]{flex-wrap:wrap;gap:6px 12px;letter-spacing:0}.card-image[data-astro-cid-d3twj4ht]{position:relative;display:block;aspect-ratio:16 / 9;flex-shrink:0;overflow:hidden;border-radius:12px;background:var(--bone)}.card-image[data-astro-cid-d3twj4ht] img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .3s}.tut-card-link[data-astro-cid-d3twj4ht]:focus-visible{outline:2px solid var(--ink);outline-offset:4px}@media(hover:hover)and (prefers-reduced-motion:no-preference){.tut-card-link[data-astro-cid-d3twj4ht]:hover img{transform:scale(1.035)}}
.sx-shell[data-astro-cid-x23dwwwx]{position:relative;z-index:2;padding-top:116px}.sx-shell[data-astro-cid-x23dwwwx]+.sub-footer[data-astro-cid-x23dwwwx]{margin-top:0}.sx-masthead[data-astro-cid-x23dwwwx] .container[data-astro-cid-x23dwwwx],.sx-feature[data-astro-cid-x23dwwwx] .container[data-astro-cid-x23dwwwx],.sx-why[data-astro-cid-x23dwwwx] .container[data-astro-cid-x23dwwwx]{max-width:1100px}.sx-masthead[data-astro-cid-x23dwwwx]{padding:24px 0 6px}.sx-kicker[data-astro-cid-x23dwwwx]{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--coral);margin:0 0 14px}.sx-title[data-astro-cid-x23dwwwx]{font-family:var(--sans);font-weight:800;letter-spacing:-.028em;font-size:clamp(44px,5.2vw,72px);line-height:.96;color:var(--ink);margin:0 0 14px}.sx-dek[data-astro-cid-x23dwwwx]{font-family:var(--body);font-size:clamp(17px,1.6vw,20px);line-height:1.5;color:var(--ink-mute);max-width:60ch;margin:0}.sx-feature[data-astro-cid-x23dwwwx]{padding:30px 0 8px}.sx-grid[data-astro-cid-x23dwwwx]{display:grid;gap:18px}.sx-card[data-astro-cid-x23dwwwx]{display:grid;grid-template-columns:minmax(0,.82fr) minmax(300px,1.18fr);min-height:212px;border:1px solid var(--line);border-radius:10px;background:var(--bone);color:var(--ink);text-decoration:none;box-shadow:var(--shadow);overflow:hidden;transition:transform .2s cubic-bezier(.23,1,.32,1),box-shadow .2s,border-color .2s}.sx-card[data-astro-cid-x23dwwwx]:hover{transform:translateY(-3px);border-color:var(--line-hover);box-shadow:0 26px 54px -34px #14141e80}.sx-media[data-astro-cid-x23dwwwx]{position:relative;overflow:hidden;border-right:1px solid var(--line);background:var(--paper-warm)}.sx-media[data-astro-cid-x23dwwwx] img[data-astro-cid-x23dwwwx]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.sx-copy[data-astro-cid-x23dwwwx]{display:flex;flex-direction:column;justify-content:center;gap:11px;padding:30px 38px}.sx-cat[data-astro-cid-x23dwwwx]{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--coral);display:inline-flex;align-items:center;gap:12px}.sx-cat[data-astro-cid-x23dwwwx]:before{content:"";width:18px;height:1px;background:var(--coral)}.sx-card-title[data-astro-cid-x23dwwwx]{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.3vw,32px);line-height:1.1;letter-spacing:-.016em;color:var(--ink);margin:0}.sx-card-summary[data-astro-cid-x23dwwwx]{font-family:var(--body);font-size:15px;line-height:1.5;color:var(--ink-mute);max-width:52ch;margin:0}.sx-cta[data-astro-cid-x23dwwwx]{font-family:var(--sans);font-weight:600;font-size:14px;color:var(--ink);display:inline-flex;align-items:center;gap:8px;margin-top:2px;transition:gap .16s,color .16s}.sx-card[data-astro-cid-x23dwwwx]:hover .sx-cta[data-astro-cid-x23dwwwx]{color:var(--coral);gap:12px}.sx-why[data-astro-cid-x23dwwwx]{padding:42px 0 78px}.sx-why-title[data-astro-cid-x23dwwwx]{font-family:var(--sans);font-weight:700;letter-spacing:-.02em;font-size:clamp(24px,2.4vw,32px);color:var(--ink);margin:0 0 26px}.sx-why-grid[data-astro-cid-x23dwwwx]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.sx-vp[data-astro-cid-x23dwwwx]{border:1px solid var(--line);border-radius:10px;background:var(--bone);padding:26px 26px 28px;display:flex;flex-direction:column;gap:10px}.sx-vp-num[data-astro-cid-x23dwwwx]{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.1em;color:var(--coral)}.sx-vp-h[data-astro-cid-x23dwwwx]{font-family:var(--sans);font-weight:700;font-size:18px;letter-spacing:-.01em;color:var(--ink);margin:0}.sx-vp-badge[data-astro-cid-x23dwwwx]{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:var(--coral-tint);border:1px solid var(--coral-soft);color:var(--olive);font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;vertical-align:middle}.sx-vp-p[data-astro-cid-x23dwwwx]{font-family:var(--body);font-size:14.5px;line-height:1.55;color:var(--ink-mute);margin:0}.sx-why-foot[data-astro-cid-x23dwwwx]{margin:26px 0 0;font-family:var(--body);font-size:15px;line-height:1.6;color:var(--ink-soft);max-width:74ch}@media(width<=900px){.sx-card[data-astro-cid-x23dwwwx]{grid-template-columns:1fr}.sx-media[data-astro-cid-x23dwwwx]{border-right:0;border-bottom:1px solid var(--line);min-height:200px;height:210px}.sx-copy[data-astro-cid-x23dwwwx]{padding:26px 24px}.sx-why-grid[data-astro-cid-x23dwwwx]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width<=760px){.sx-shell[data-astro-cid-x23dwwwx]{padding-top:98px}.sx-title[data-astro-cid-x23dwwwx]{font-size:clamp(38px,11vw,48px)}.sx-logos-row[data-astro-cid-x23dwwwx]{gap:22px}}
[data-astro-cid-kat7exbg][data-tut-item][hidden],[data-astro-cid-kat7exbg][data-tut-empty][hidden]{display:none!important}.tut-shell[data-astro-cid-kat7exbg]{position:relative;z-index:2;padding-top:116px}.tut-shell[data-astro-cid-kat7exbg]+.sub-footer[data-astro-cid-kat7exbg]{margin-top:0}.tut-heading[data-astro-cid-kat7exbg]{padding-bottom:24px}.tut-heading[data-astro-cid-kat7exbg] h1[data-astro-cid-kat7exbg]{margin:0;font-family:var(--sans);font-size:24px;font-weight:500;line-height:1.15;letter-spacing:-.03em;color:var(--ink)}.tut-categories[data-astro-cid-kat7exbg]{padding:12px 0 0}.tut-category-strip[data-astro-cid-kat7exbg]{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}.tut-chip[data-astro-cid-kat7exbg]{display:inline-flex;align-items:center;min-height:34px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);background:var(--bone);text-decoration:none;transition:background .16s,border-color .16s,color .16s}.tut-chip[data-astro-cid-kat7exbg]:hover{color:var(--ink);border-color:#2626266b;background:var(--paper-warm)}.tut-chip[data-astro-cid-kat7exbg].is-active{color:#fff;background:var(--ink);border-color:var(--ink)}.tut-feature[data-astro-cid-kat7exbg]{padding:0 0 16px}.tut-feature-card[data-astro-cid-kat7exbg]{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr);min-height:252px;border:0;border-radius:12px;background:var(--bone);color:var(--ink);text-decoration:none;box-shadow:none;overflow:hidden}.tut-feature-copy[data-astro-cid-kat7exbg]{display:flex;flex-direction:column;justify-content:center;gap:11px;padding:26px 36px}.tut-feature-label[data-astro-cid-kat7exbg]{font-size:12px;font-weight:500;color:var(--ink-mute)}.tut-feature-title[data-astro-cid-kat7exbg]{font-family:var(--serif);font-size:clamp(31px,3vw,36px);font-weight:500;line-height:1.06;letter-spacing:-.02em;color:var(--ink)}.tut-feature-summary[data-astro-cid-kat7exbg]{font-family:var(--body);font-size:15px;line-height:1.42;color:var(--ink-mute);max-width:56ch}.tut-feature-meta[data-astro-cid-kat7exbg]{display:flex;flex-wrap:wrap;gap:12px;padding-top:12px;border-top:0;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--ink-faint)}.tut-list[data-astro-cid-kat7exbg]{padding:4px 0 64px}.tut-grid[data-astro-cid-kat7exbg]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none}.tut-card[data-astro-cid-kat7exbg]{min-width:0}.tut-card-cat[data-astro-cid-kat7exbg]{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--coral);display:inline-flex;align-items:center;gap:12px}.tut-card-cat[data-astro-cid-kat7exbg]:before{content:"";width:18px;height:1px;background:var(--coral)}.media-panel[data-astro-cid-kat7exbg]{position:relative;display:block;min-height:172px;overflow:hidden;border-radius:12px;border-bottom:0;background:var(--bone)}.tut-card[data-astro-cid-kat7exbg] .media-panel[data-astro-cid-kat7exbg]{aspect-ratio:16 / 9;min-height:0;flex-shrink:0}.media-panel[data-astro-cid-kat7exbg].has-image{background:var(--bone)}.media-panel[data-astro-cid-kat7exbg].has-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.tut-card-link[data-astro-cid-kat7exbg] .media-panel[data-astro-cid-kat7exbg] img,.tut-feature-card[data-astro-cid-kat7exbg] .media-panel[data-astro-cid-kat7exbg] img{transform:scale(1);transition:transform .3s}@media(hover:hover){.tut-card-link[data-astro-cid-kat7exbg]:hover .media-panel[data-astro-cid-kat7exbg] img,.tut-feature-card[data-astro-cid-kat7exbg]:hover .media-panel[data-astro-cid-kat7exbg] img{transform:scale(1.035)}}@media(prefers-reduced-motion:reduce){.tut-card-link[data-astro-cid-kat7exbg] .media-panel[data-astro-cid-kat7exbg] img,.tut-feature-card[data-astro-cid-kat7exbg] .media-panel[data-astro-cid-kat7exbg] img{transition:none}.tut-card-link[data-astro-cid-kat7exbg]:hover .media-panel[data-astro-cid-kat7exbg] img,.tut-feature-card[data-astro-cid-kat7exbg]:hover .media-panel[data-astro-cid-kat7exbg] img{transform:none}}.media-panel-large[data-astro-cid-kat7exbg]{min-height:252px;height:clamp(232px,25vw,282px);border-right:0;border-bottom:0}.tut-empty[data-astro-cid-kat7exbg]{font-family:var(--body);color:var(--ink-mute);padding:32px 0}.tut-empty[data-astro-cid-kat7exbg].is-filter-empty{border-top:1px solid var(--line)}@media(width<=980px){.tut-feature-card[data-astro-cid-kat7exbg]{grid-template-columns:1fr}.media-panel-large[data-astro-cid-kat7exbg]{border-right:0;border-bottom:0}.tut-grid[data-astro-cid-kat7exbg]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width<=760px){.tut-shell[data-astro-cid-kat7exbg]{padding-top:98px}.tut-category-strip[data-astro-cid-kat7exbg]{gap:8px;margin-bottom:18px}.tut-chip[data-astro-cid-kat7exbg]{min-height:30px;padding:6px 11px;font-size:10.5px}.tut-feature-copy[data-astro-cid-kat7exbg]{padding:24px 20px}.tut-feature-title[data-astro-cid-kat7exbg]{font-size:clamp(27px,8vw,34px)}.tut-grid[data-astro-cid-kat7exbg]{grid-template-columns:1fr}}