/* Product photography, public feature guides, and the positioning preview. */
.tour-section{padding-bottom:95px;position:relative}
.tour-section:before{content:"";position:absolute;width:80%;height:600px;top:170px;left:10%;background:radial-gradient(ellipse,#26303f38,transparent 68%);pointer-events:none}
.tour-tabs{display:flex;gap:5px;position:relative;border:1px solid var(--line);padding:6px;border-radius:9px;background:#111316;width:max-content;max-width:100%;margin-bottom:24px}
.tour-tabs button{min-height:45px;display:flex;align-items:center;gap:10px;font-size:12px;padding:11px 20px;background:transparent;border-radius:5px;color:#b4b9c3;white-space:nowrap}
.tour-tabs .icon{width:16px;height:16px}
.tour-tabs button[aria-selected=true]{color:var(--text);background:#2a2e35;box-shadow:0 1px 4px #0006}
.tour-tabs button[aria-selected=true] .icon{color:var(--orange)}
.tour-tabs button:hover{background:#20242b}
[data-tour-panel]{position:relative;animation:tour-in .35s both}
[data-tour-panel][hidden]{display:none}
.screen-frame{margin:0;border:1px solid #3a3f48;border-radius:11px;background:#11151b;overflow:hidden;box-shadow:0 18px 90px #0005}
.screen-topline{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 18px;border-bottom:1px solid #30353e;background:linear-gradient(90deg,#1e242e,#13171e);font:400 9px/1.6 var(--mono);color:#b4bfce}
.screen-topline>span{display:flex;align-items:center;gap:8px}
.screen-topline i{width:5px;height:5px;border-radius:50%;background:#89cfa5}
.screen-link{position:relative;display:block;cursor:zoom-in}
.screen-link img{width:100%;height:auto;aspect-ratio:1600/1050;object-fit:contain;background:#0c0f14}
.screen-zoom{position:absolute;right:15px;bottom:15px;display:flex;gap:9px;align-items:center;border-radius:5px;padding:9px 13px;background:#12171ff0;border:1px solid #58677c;font-size:10px;color:#e2e9f2;box-shadow:0 2px 15px #0006}
.screen-zoom .icon{width:15px;height:15px}
.screen-link:hover .screen-zoom{background:#293342}
.screen-frame figcaption{padding:13px 18px;font-size:10px;line-height:1.8;color:#9faabb;border-top:1px solid #30353e;display:flex;gap:16px;justify-content:space-between}
.screen-frame figcaption>span:first-child{color:#d1d8e3}
.tour-explanation{display:grid;grid-template-columns:1.1fr 1.3fr auto;align-items:center;gap:32px;padding:26px 2px 0}
.tour-explanation h3{font-size:22px;line-height:1.4;letter-spacing:-.5px}
.tour-explanation p{font-size:13px;line-height:1.85;color:var(--muted)}
.tour-explanation .text-link{color:var(--orange);font-size:12px;max-width:210px}
.proof-tags{display:flex;gap:24px;flex-wrap:wrap;margin-top:22px;font-size:10px;color:#a9b5c5}
.proof-tags span{display:flex;gap:7px;align-items:center}
.proof-tags .icon{width:13px;height:13px;color:#8dc8a6}
.feature-read{display:inline-flex;align-items:center;gap:9px;color:var(--orange);font-size:11px;line-height:1.6;margin-top:18px;min-height:30px}
.feature-read .icon{width:14px;height:14px;transition:transform .2s}
.feature-read:hover .icon{transform:translateX(4px)}
.why-section{background:#101215;border-block:1px solid var(--line);position:relative;overflow:hidden}
.why-intro{max-width:680px}
.why-intro h2{margin:20px 0 23px}
.why-intro>p:last-child{color:var(--muted);font-size:15px;max-width:580px}
.difference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:46px;border-top:1px solid #343943;border-left:1px solid #343943;border-radius:9px;overflow:hidden}
.difference-card{border-right:1px solid #343943;border-bottom:1px solid #343943;padding:29px 29px 27px;background:#11151be6}
.difference-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.difference-top .icon{height:26px;width:26px;color:var(--orange)}
.difference-top>span{font:400 9px var(--mono);color:#818c9d}
.difference-card:nth-child(3n+2) .icon{color:var(--blue)}
.difference-card:nth-child(3n) .icon{color:var(--violet)}
.difference-card h3{font-size:18px;line-height:1.45;letter-spacing:-.4px;margin-bottom:12px}
.difference-card p{font-size:12px;line-height:1.9;color:#aab2bf}
.why-footer{display:flex;justify-content:space-between;gap:40px;align-items:center;margin-top:30px}
.why-footer p{font-size:12px;color:var(--muted);max-width:680px}
.why-footer .text-link{color:var(--orange);flex-shrink:0}
.guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.guide-card{display:flex;flex-direction:column;border:1px solid #343943;border-radius:9px;background:#13161b;overflow:hidden;transition:border-color .2s,transform .2s}
.guide-card:hover{border-color:#737e8e;transform:translateY(-4px)}
.guide-thumbnail{aspect-ratio:1.65;overflow:hidden;background:radial-gradient(ellipse at 70% 10%,#334158,#161d29 80%);padding:28px 0 0 24px;border-bottom:1px solid #343943;position:relative}
.guide-card:nth-child(2) .guide-thumbnail{background:radial-gradient(ellipse at 70% 10%,#46382e,#251e19 80%)}
.guide-card:nth-child(3) .guide-thumbnail{background:radial-gradient(ellipse at 70% 10%,#343248,#1c1c2a 80%)}
.guide-thumbnail img{width:122%;height:auto;max-width:none;box-shadow:0 0 30px #0008;border:1px solid #596273;border-radius:5px;transition:transform .35s}
.guide-card:hover .guide-thumbnail img{transform:translate(-3px,-3px)}
.guide-copy{padding:24px 25px 25px;display:flex;flex-direction:column;flex:1}
.guide-copy .eyebrow{font-size:8px;color:#a6b3c5;letter-spacing:1px}
.guide-copy h3{font-size:22px;line-height:1.4;letter-spacing:-.6px;margin:12px 0}
.guide-copy p{font-size:12px;line-height:1.85;color:var(--muted);margin-bottom:22px}
.guide-copy .text-link{color:var(--orange);font-size:11px;margin-top:auto}
.resource-subnav{display:flex;gap:24px;flex-wrap:wrap;margin-top:25px}
.resource-subnav a{font-size:12px;color:#bdc7d4;min-height:35px;display:flex;align-items:center;gap:9px}
.resource-subnav .icon{width:14px;height:14px}
.resource-subnav a:hover{color:var(--orange)}
.resource-hero{padding-block:53px 60px;position:relative}
.breadcrumbs{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;color:#959fab;margin-bottom:53px}
.breadcrumbs a{color:#d2d8e2}.breadcrumbs a:hover{color:var(--orange)}
.breadcrumbs>span[aria-hidden]{color:#626b77}
.resource-hero h1{max-width:1000px;font-size:clamp(44px,5.3vw,76px);line-height:1.09;letter-spacing:-3px;margin:22px 0 26px;text-wrap:balance}
.resource-hero .resource-description{max-width:770px;font-size:18px;line-height:1.85;color:#aab3c0}
.resource-jumps{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.resource-jumps a{border:1px solid #39424f;padding:8px 13px;min-height:37px;border-radius:5px;color:#bec9d8;font-size:11px}
.resource-jumps a:hover{background:#212936;color:white}
.resource-feature{padding-bottom:60px}
.resource-feature .screen-frame{max-width:1120px;margin:auto}
.article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:65px;padding-block:26px 70px}
.article-aside{align-self:start;position:sticky;top:115px;border-top:1px solid #3b4657;padding-top:21px}
.article-aside .eyebrow{margin-bottom:18px;font-size:9px}
.article-aside a{display:block;font-size:12px;line-height:1.7;margin-bottom:14px;color:#bbc5d4}
.article-aside a:hover{color:var(--orange)}
.article-body{max-width:900px;min-width:0}
.article-section{padding-bottom:48px;margin-bottom:44px;border-bottom:1px solid #2d3540;scroll-margin-top:114px}
.article-section h2{font-size:clamp(28px,3vw,39px);line-height:1.2;letter-spacing:-1px;margin-bottom:23px}
.article-section>p{color:#b2bbc8;font-size:15px;line-height:1.95;margin-bottom:19px;max-width:770px}
.article-section strong{font-weight:600;color:#eef1f5}
.article-section ul{padding-left:20px;color:#b2bbc8;font-size:14px;line-height:1.95}
.article-section li{padding-left:4px;margin-bottom:9px}
.article-section li::marker{color:var(--orange)}
.article-section a:not(.screen-link){color:var(--orange);text-decoration:underline;text-underline-offset:4px}
.article-section .screen-frame{margin-top:28px}
.article-section .screen-frame figcaption{display:block}
.article-section .screen-frame figcaption>span{display:block}
.process-list{counter-reset:process;list-style:none!important;padding:0!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}
.process-list li{counter-increment:process;padding:23px!important;margin:0;border:1px solid #39414c;border-radius:7px;background:#13171d}
.process-list li:before{content:"0" counter(process);display:block;color:var(--orange);font:400 10px var(--mono);margin-bottom:17px}
.process-list strong{display:block;font-size:15px;line-height:1.5;margin-bottom:10px}
.process-list p{font-size:12px;line-height:1.9;color:#aab5c4}
.article-callout{padding:25px 27px;background:linear-gradient(110deg,#252219,#17191c);border:1px solid #554739;border-radius:7px;margin-top:25px}
.article-callout>strong{display:block;font-size:14px;margin-bottom:8px;color:#ffb082}
.article-callout p{font-size:13px;line-height:1.9;color:#c1bdba}
.comparison-scroll{overflow-x:auto;border:1px solid #3b4450;border-radius:7px;margin-top:27px}
.comparison-table{width:100%;border-collapse:collapse;min-width:620px;text-align:left;font-size:12px;line-height:1.85;color:#bbc4d1}
.comparison-table caption{padding:18px 20px;text-align:left;background:#1d232c;color:#e4e9f1;font-size:12px}
.comparison-table th{font-weight:600;color:#e2e7f0}
.comparison-table th,.comparison-table td{padding:18px 20px;border-bottom:1px solid #343c48;vertical-align:top}
.comparison-table tr:last-child>*{border-bottom:0}.comparison-table thead{background:#151a22}
.comparison-table tbody tr:last-child{background:#211e19}
.resource-cta{display:flex;justify-content:space-between;align-items:center;gap:40px;border:1px solid #4c423c;background:radial-gradient(ellipse at 0 20%,#34281e,#12161b 75%);padding:43px;border-radius:9px;margin-bottom:80px}
.resource-cta h2{font-size:34px;letter-spacing:-1px;margin-bottom:12px}
.resource-cta p{font-size:13px;color:#b0b8c4;max-width:620px}
.resource-cta .button{flex-shrink:0}
.related-links{padding-block:0 80px}
.related-links h2{font-size:25px;letter-spacing:-.7px;margin-bottom:24px}
.related-links nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.related-links a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px;border:1px solid #39414e;border-radius:6px;background:#12171d;font-size:13px}
.related-links a:hover{border-color:#747f8f;color:var(--orange)}
body.image-open{overflow:hidden}
.screenshot-dialog{width:min(1700px,96vw);max-width:96vw;max-height:94vh;padding:0;border:1px solid #546172;border-radius:10px;background:#0d1118;color:#e6ecf6;box-shadow:0 25px 100px #000c}
.screenshot-dialog::backdrop{background:#05070aeb;backdrop-filter:blur(6px)}
.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;border-bottom:1px solid #394451}
.dialog-toolbar p{font-size:12px;line-height:1.7;max-width:70%}
.dialog-actions{display:flex;gap:10px;flex-shrink:0}
.dialog-actions button{padding:8px 13px;min-height:40px;font-size:11px;border:1px solid #586679;border-radius:5px;background:#222c38;color:#ecf2fa}
.dialog-actions button:hover{background:#354557}
.dialog-actions button[aria-pressed=true]{border-color:var(--orange);color:var(--orange)}
.dialog-scroller{max-height:calc(94vh - 95px);overflow:auto;overscroll-behavior:contain}
.dialog-scroller img{width:100%;height:auto;margin:auto}
.pixel-zoom .dialog-scroller img{width:1600px;max-width:none}
@keyframes tour-in{from{transform:translateY(6px)}to{transform:translateY(0)}}
@media(min-width:1101px){.header-inner{gap:25px}.main-nav{gap:22px}.header-actions{gap:18px}}
@media(max-width:1100px){.tour-explanation{grid-template-columns:1fr 1fr;gap:20px}.tour-explanation .text-link{grid-column:2}.difference-card{padding:25px}.article-layout{grid-template-columns:180px minmax(0,1fr);gap:35px}.process-list{grid-template-columns:1fr}.resource-hero h1{font-size:61px}.guide-copy{padding:21px}.guide-copy h3{font-size:20px}.why-footer{align-items:flex-start}.resource-cta{padding:32px}.resource-cta h2{font-size:29px}}
@media(max-width:767px){.tour-section{padding-block:65px}.tour-tabs{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.tour-tabs button{padding:9px 5px;justify-content:center;font-size:10px;gap:5px;white-space:normal}.tour-tabs .icon{width:14px;height:14px}.tour-explanation{grid-template-columns:1fr;gap:12px;padding-top:22px}.tour-explanation .text-link{grid-column:auto;max-width:none;margin-top:7px}.tour-explanation h3{font-size:22px}.screen-topline{padding:10px 12px;font-size:7px;gap:8px}.screen-topline>span:last-child{max-width:45%;text-align:right}.screen-frame{border-radius:6px}.screen-frame figcaption{display:block;padding:12px;font-size:9px}.screen-frame figcaption>span{display:block}.screen-zoom{right:8px;bottom:8px;font-size:9px;padding:6px 9px;gap:6px}.proof-tags{gap:10px 18px;font-size:9px}.difference-grid{grid-template-columns:1fr;margin-top:28px}.difference-card{padding:25px}.difference-top{margin-bottom:17px}.difference-card h3{font-size:19px}.difference-card p{font-size:13px}.why-footer{display:block;margin-top:23px}.why-footer .text-link{margin-top:20px}.guides-grid{grid-template-columns:1fr;gap:23px}.guide-copy{padding:25px}.guide-copy h3{font-size:24px}.guide-thumbnail{aspect-ratio:1.85;padding:25px 0 0 25px}.guide-copy p{font-size:13px}.resource-subnav{gap:10px 22px}.resource-hero{padding-block:26px 38px}.breadcrumbs{font-size:10px;margin-bottom:35px}.resource-hero h1{font-size:clamp(39px,9vw,59px);letter-spacing:-1.8px;margin:18px 0 22px}.resource-hero .resource-description{font-size:15px}.resource-hero .eyebrow{font-size:9px}.resource-jumps{margin-top:22px;gap:7px}.resource-jumps a{font-size:10px;padding:7px 10px}.resource-feature{padding-bottom:27px}.article-layout{display:block;padding-top:25px;padding-bottom:10px}.article-aside{position:static;margin-bottom:37px;display:flex;gap:9px 20px;flex-wrap:wrap;padding-top:16px}.article-aside .eyebrow{width:100%;margin:0}.article-aside a{margin:0;font-size:11px}.article-section{padding-bottom:34px;margin-bottom:34px}.article-section h2{font-size:29px}.article-section>p{font-size:14px}.article-section ul{font-size:13px}.article-callout{padding:22px}.resource-cta{display:block;padding:28px;margin-bottom:55px}.resource-cta .button{margin-top:23px}.resource-cta h2{font-size:29px;line-height:1.3}.related-links{padding-bottom:55px}.related-links nav{grid-template-columns:1fr;gap:10px}.related-links a{padding:20px}.dialog-toolbar{padding:12px;align-items:flex-start;gap:10px}.dialog-toolbar p{font-size:10px;max-width:58%}.dialog-actions{gap:6px}.dialog-actions button{font-size:10px;padding:7px 10px}.screenshot-dialog{max-width:98vw;width:98vw}.dialog-scroller{max-height:calc(94vh - 110px)}}
@media(prefers-reduced-motion:reduce){[data-tour-panel]{animation:none}.guide-card,.guide-thumbnail img,.feature-read .icon{transition:none}.guide-card:hover,.guide-card:hover .guide-thumbnail img{transform:none}}