/* Six-part Porselen feature story. Scoped to the local features mockups. */
.features-page .f-hero{max-width:none;padding-block:65px 54px}
.features-page .f-hero h1{font-size:70px;max-width:850px}
.f-hero h1 span{color:var(--accent)}
.features-page .f-hero .lead{max-width:690px}
.f-toc{display:flex;flex-wrap:wrap;gap:10px;margin-block-start:35px}
.f-toc a{display:flex;align-items:center;gap:9px;background:#FFFEFA;border:1px solid var(--border);border-radius:6px;padding:12px 15px;font-size:13px;font-weight:500;min-height:44px}
.f-toc a span{color:var(--accent);font-size:11px;font-variant-numeric:tabular-nums}
.f-toc a:hover{background:#EDE7F5;border-color:#BEB1CF}
.f-hero-note{font-size:12px;color:var(--muted);margin-block-start:21px}
.f-chapter{padding-block:66px 70px;border-block-start:1px solid var(--border);scroll-margin-top:24px}
.f-heading h2{font-size:43px;line-height:1.12;max-width:620px}
.f-heading>p{max-width:430px;font-size:16px}
.f-heading .eyebrow{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.f-heading .badge{font-size:10px;padding:4px 7px;text-transform:none;letter-spacing:0}
.f-art{border-radius:14px;overflow:hidden;border:1px solid #D9D1E3;background:#E8E3EF}
.f-collect-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:64px;align-items:center}
.f-collect-art{padding:30px}
.f-art-top{display:flex;justify-content:space-between;align-items:center;gap:14px;color:#625573;font-size:12px}
.f-art-top .keycaps{margin:0;gap:4px;display:flex;align-items:center}
.f-art-top .keycaps kbd{width:25px;height:26px;font-size:12px}
.f-art-top small{font-size:10px;margin-inline-start:7px}
.f-folder{margin-block-start:25px;background:#F7F6F3;border:1px solid #CFC6D9;border-radius:10px;padding:20px;box-shadow:0 10px 20px #332B3B12}
.f-folder-bar{display:flex;gap:9px;align-items:center;font-size:13px}
.f-folder-bar>.icon{color:var(--accent)}
.f-folder-bar>span{margin-inline-start:auto;color:var(--muted);font-size:10px}
.f-collect-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-block-start:20px}
.f-collect-shots img{border:1px solid #D9D2DF;border-radius:4px}
.f-arrival{display:flex;align-items:center;justify-content:center;gap:8px;margin-block-start:23px;color:#6550A5;font-size:12px}
.f-collect-notes{display:grid;gap:30px}
.f-collect-notes article{position:relative;padding-inline-start:43px}
.f-small-icon{position:absolute;inset-inline-start:0;inset-block-start:2px;color:var(--accent)}
.f-collect-notes h3,.f-cards h3{font-size:21px;line-height:1.25;letter-spacing:-.55px;margin:0 0 12px}
.f-collect-notes p,.f-cards p{font-size:15px;line-height:1.65;color:var(--muted)}
.f-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-block-start:32px}
.f-cards article{min-width:0;padding-block-start:22px;border-block-start:1px solid var(--border)}
.f-safety{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;color:var(--muted);margin:28px 0 0;padding:17px 20px;background:#EEEBE5;border-radius:7px}
.f-safety .icon{flex:none;color:var(--accent);margin-block-start:1px}
.f-prep-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:22px;align-items:start}
.f-prep-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#FFFEFA;scroll-margin-top:24px}
.f-prep-art{background:#E8E3EF;padding:24px;overflow:hidden}
.f-prep-edit .f-prep-art{padding:32px 25px}
.f-prep-edit .edit-canvas img{height:305px;object-fit:cover}
.f-prep-edit .editor-mini{box-shadow:0 14px 25px #332B3B15}
.f-prep-copy{padding:24px 27px}
.f-prep-copy h3{font-size:24px;line-height:1.2;letter-spacing:-.65px;margin:0 0 12px}
.f-prep-edit .f-prep-copy{padding-block:28px 32px}
.f-prep-edit .f-prep-copy h3{font-size:33px}
.f-prep-copy p{font-size:15px;color:var(--muted);line-height:1.65}
.f-small-label{display:block;font-size:11px;color:var(--accent);font-weight:550;margin-block-end:14px}
.f-prep-stack{display:grid;gap:22px}
.f-prep-stack .f-prep-art{padding:22px 30px}
.f-prep-stack .resize-card{padding:19px 22px}
.f-prep-stack .resize-card>p{margin-block-end:12px}
.f-mini-presets{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;font-size:10px;color:var(--muted);margin-block-start:14px}
.f-ocr-art{background:#E9E6DE}
.f-ocr-art .ocr-note{padding:18px 22px}
.f-ocr-art .ocr-note pre{font-size:12px;line-height:1.65;margin:12px 0}
.f-ocr-art .copied{font-size:10px;padding-block-start:10px}
.f-transfer-art{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);gap:18px;align-items:center;padding:38px}
.f-transfer-source{background:#F7F6F3;border:1px solid #D3CADF;border-radius:10px;padding:20px;box-shadow:0 10px 20px #332B3B10}
.f-transfer-source .f-art-top{font-size:12px}
.f-transfer-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-block-start:18px}
.f-transfer-shots img{border:2px solid #7962B4;border-radius:5px;padding:3px;background:#EAE4F3}
.f-transfer-foot{margin-block-start:15px;font-size:11px;color:var(--muted)}
.f-transfer-arrow{display:flex;align-items:center;flex-direction:column;gap:12px;font-size:11px;color:var(--accent);text-align:center}
.f-transfer-arrow .icon{width:45px;height:24px}
.f-transfer-destination{background:#FFFEFA;border:1px solid #D3CADF;border-radius:10px;overflow:hidden;box-shadow:0 10px 20px #332B3B10}
.f-transfer-destination .work-windowbar{font-size:11px;padding:13px 16px}
.f-transfer-destination .work-composer{margin:0;border:0;border-radius:0;padding:19px}
.f-transfer-destination .work-composer p{font-size:13px;line-height:1.5;margin-block:14px 18px}
.f-transfer-destination .work-chat-files img{width:57px;height:39px}
.f-caption{font-size:13px;color:var(--muted);margin-block-start:27px;max-width:800px}
.f-personal-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center}
.f-settings-art{padding:32px;background:#E9E6DE;border-color:#DBD6CC}
.f-settings-window{padding:22px;background:#F7F6F3;border:1px solid #CEC9D2;border-radius:11px;box-shadow:0 15px 25px #332B3B10}
.f-settings-title{display:flex;align-items:center;gap:11px;padding-block-end:23px}
.f-settings-title img{width:29px;height:29px}
.f-settings-title strong{font-size:16px;display:block}
.f-settings-title small{font-size:11px;color:var(--muted);display:block;margin-block-start:3px}
.f-setting-row{display:flex;align-items:center;gap:10px;border-block-start:1px solid #DED9E3;padding-block:15px;font-size:12px}
.f-setting-row strong{font-weight:500}
.f-setting-row>span:nth-last-child(2){margin-inline-start:auto;letter-spacing:4px;color:#625B6C;white-space:nowrap}
.f-setting-check{display:grid;place-items:center;width:16px;height:16px;flex:none;background:#6B54AD;border-radius:3px;color:white;font-size:11px}
.f-grip{color:#77707F}
.f-settings-foot{font-size:11px;color:var(--muted);border-block-start:1px solid #DED9E3;padding-block-start:15px}
.f-personal-copy h3{font-size:30px;line-height:1.2;margin:0 0 26px}
.f-check-list{list-style:none;padding:0;margin:0;display:grid;gap:17px}
.f-check-list li{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.55;color:var(--muted)}
.f-check-list .icon{flex:none;color:var(--accent);margin-block-start:2px;width:17px;height:17px}
.f-native-notes{display:flex;flex-wrap:wrap;gap:9px 16px;margin-block-start:28px;padding-block-start:22px;border-block-start:1px solid var(--border);color:var(--muted);font-size:12px}
.f-native-notes>span{display:flex;align-items:center;gap:7px}
.f-native-notes .icon{width:15px;height:15px}
.f-cloud-connections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.f-cloud-provider{padding:25px;background:#ECE6F3;border:1px solid #D6CCDF;border-radius:10px}
.f-provider-name{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.f-provider-name>.icon{color:var(--accent);width:25px;height:25px}
.f-provider-name h3{font-size:21px;letter-spacing:-.5px;margin:0}
.f-provider-name .badge{margin-inline-start:auto;font-size:10px;padding:4px 7px}
.f-cloud-provider p{font-size:14px;color:var(--muted);margin-block-start:17px;line-height:1.6}
.f-cloud-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px;margin-block-start:34px}
.f-cloud-modes h3{font-size:29px;margin:0 0 13px;letter-spacing:-.7px}
.f-cloud-modes p{font-size:16px;color:var(--muted);line-height:1.65}
.f-preview-note{display:flex;gap:12px;align-items:flex-start;border:1px solid #D9CFE4;border-radius:8px;background:#F0EBF5;padding:20px 23px;margin-block-start:30px}
.f-preview-note>.icon{flex:none;color:var(--accent);margin-block-start:2px}
.f-preview-note p{font-size:14px;line-height:1.65;color:var(--muted)}
.f-preview-note strong{color:var(--ink)}
.f-cloud-details{margin-block-start:23px}
.f-cloud-details details{border-block-end:1px solid var(--border)}
.f-cloud-details summary{display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;padding-block:19px;font-size:14px;font-weight:500;cursor:pointer}
.f-cloud-details summary::-webkit-details-marker{display:none}
.f-cloud-details summary .icon{flex:none;width:16px;height:16px}
.f-cloud-details details[open] summary .icon{transform:rotate(45deg)}
.f-cloud-details details>p{max-width:850px;padding-block-end:20px;font-size:14px;line-height:1.7;color:var(--muted)}
.f-product-note{font-size:12px;color:var(--muted);padding-block:0 30px}
.features-page .release-cta{margin-block-start:10px}
@media(max-width:1150px){.f-collect-layout{gap:35px}.f-collect-art{padding:23px}.f-art-top{align-items:flex-start;flex-direction:column}.f-transfer-source .f-art-top{flex-direction:row}.f-transfer-art{grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);padding:28px;gap:14px}.f-personal-layout{gap:35px}.f-settings-art{padding:24px}.f-heading>p{max-width:370px}}
@media(max-width:900px){.features-page .f-hero h1{font-size:61px}.f-heading{display:block}.f-heading>p{max-width:620px;margin-block-start:23px}.f-heading h2{font-size:40px}.f-collect-layout{grid-template-columns:1fr;gap:30px}.f-art-top{flex-direction:row;align-items:center}.f-collect-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.f-collect-art{padding:28px 38px}.f-cards{gap:24px}.f-cards h3{font-size:20px}.f-cards p{font-size:14px}.f-prep-grid{grid-template-columns:1fr}.f-prep-edit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.f-prep-edit .f-prep-art{display:flex;align-items:center;padding:22px}.f-prep-edit .edit-canvas img{height:215px}.f-prep-edit .f-prep-copy h3{font-size:28px}.f-prep-stack{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.f-prep-stack .f-prep-art{padding:18px}.f-prep-stack .resize-card{padding:15px}.f-prep-copy{padding:22px}.f-prep-copy h3{font-size:23px}.f-prep-copy p{font-size:14px}.f-mini-presets{font-size:9px}.f-transfer-art{grid-template-columns:1fr;gap:22px;padding:32px 70px}.f-transfer-arrow{flex-direction:row;justify-content:center;gap:10px}.f-transfer-arrow .icon{transform:rotate(90deg);width:24px;height:24px}.f-personal-layout{grid-template-columns:1fr}.f-settings-art{padding:32px 65px}.f-personal-copy h3 br{display:none}.f-check-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 30px}.f-native-notes{margin-block-start:26px}.f-cloud-connections{gap:16px}.f-cloud-provider{padding:22px}.f-provider-name h3{font-size:20px}.f-cloud-modes{gap:30px}}
@media(max-width:620px){.features-page .f-hero{padding-block:44px 35px}.features-page .f-hero h1{font-size:44px;letter-spacing:-1.7px}.f-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block-start:26px}.f-toc a{padding:12px 10px;font-size:12px;gap:7px;min-width:0}.f-toc a span{font-size:10px}.f-hero-note{font-size:11px;line-height:1.7;margin-block-start:18px}.f-chapter{padding-block:43px 47px}.f-heading h2{font-size:34px}.f-heading>p{font-size:16px;margin-block-start:20px}.f-heading .eyebrow{font-size:10px}.f-heading .badge{font-size:10px}.f-collect-art{padding:20px 17px}.f-art-top{align-items:flex-start;flex-direction:column;gap:13px}.f-art-top .keycaps{margin:0}.f-folder{padding:15px;margin-block-start:20px}.f-folder-bar{font-size:12px}.f-folder-bar>span{font-size:9px}.f-collect-shots{gap:7px;margin-block-start:16px}.f-arrival{font-size:11px;gap:6px;margin-block-start:20px}.f-collect-notes{grid-template-columns:1fr;gap:25px}.f-collect-notes h3{font-size:22px}.f-collect-notes p{font-size:15px}.f-cards{grid-template-columns:1fr;gap:20px;margin-block-start:27px}.f-cards article{padding-block-start:20px}.f-cards h3{font-size:22px;margin-block-end:10px}.f-cards p{font-size:15px}.f-safety{padding:15px;font-size:12px;gap:9px}.f-safety .icon{width:17px;height:17px}.f-prep-edit{display:block}.f-prep-edit .f-prep-art{display:block;padding:23px 18px}.f-prep-edit .edit-canvas img{height:215px}.f-prep-edit .f-prep-copy{padding:23px}.f-prep-edit .f-prep-copy h3{font-size:28px}.f-prep-stack{grid-template-columns:1fr}.f-prep-stack .f-prep-art{padding:22px}.f-prep-stack .resize-card{padding:18px}.f-prep-copy{padding:23px}.f-prep-copy p{font-size:15px}.f-prep-copy h3{font-size:25px}.f-mini-presets{font-size:10px}.f-transfer-art{padding:24px 18px;gap:23px}.f-transfer-source{padding:16px}.f-transfer-source .f-art-top{font-size:11px;gap:9px}.f-transfer-source .f-art-top>span{white-space:nowrap}.f-transfer-shots{gap:7px}.f-transfer-foot{font-size:10px}.f-transfer-destination .work-composer{padding:16px}.f-transfer-destination .work-windowbar{font-size:10px;padding:12px 14px}.f-transfer-destination .work-chat-files img{width:51px;height:35px}.f-caption{font-size:12px}.f-personal-copy h3{font-size:28px}.f-settings-art{padding:22px 16px}.f-settings-window{padding:18px}.f-setting-row{gap:8px;font-size:11px}.f-settings-title{gap:9px;padding-block-end:20px}.f-settings-title strong{font-size:15px}.f-settings-title small{font-size:10px}.f-settings-title img{width:25px;height:25px}.f-check-list{grid-template-columns:1fr;gap:16px}.f-native-notes{font-size:11px;gap:12px}.f-cloud-connections,.f-cloud-modes{grid-template-columns:1fr;gap:18px}.f-cloud-provider{padding:22px}.f-provider-name{gap:9px}.f-provider-name h3{font-size:19px}.f-provider-name .badge{font-size:9px}.f-cloud-modes{margin-block-start:27px;gap:27px}.f-cloud-modes h3{font-size:27px}.f-cloud-modes p{font-size:15px}.f-preview-note{padding:18px 16px;gap:10px}.f-preview-note p{font-size:13px}.f-cloud-details summary{font-size:14px;padding-block:18px}.f-cloud-details details>p{font-size:14px}.f-product-note{font-size:11px;padding-block-end:20px}}
@media(max-width:370px){.features-page .f-hero h1{font-size:38px}.f-toc a{font-size:11px;padding-inline:9px}.f-heading h2{font-size:31px}.f-setting-row{gap:6px;font-size:10px}.f-settings-window{padding:14px}.f-provider-name .badge{margin-inline-start:0}}