/* Compact gallery and illustrated feature cards, adapted to the static Aperture site. */
.design-gallery{padding:38px 0 28px;border-top:1px solid var(--sc-line);border-bottom:1px solid var(--sc-line)}.design-gallery-heading{padding:0 var(--g);display:flex;justify-content:space-between;align-items:center;gap:24px}.design-gallery h2{font-size:clamp(24px,2.5vw,32px);font-weight:500;letter-spacing:-.025em;margin:0 0 10px}.design-gallery p{font-size:14px;line-height:1.6;color:var(--sc-ink-soft);margin:0}.gallery-actions{display:flex;gap:6px;flex-shrink:0}.gallery-actions button{background:transparent;color:var(--sc-ink);border:1px solid var(--sc-line);border-radius:4px;min-height:44px;padding:0 12px;font:inherit;font-size:12px;cursor:pointer}.gallery-actions button:hover{border-color:var(--sc-accent)}
.design-window{overflow-x:auto;overflow-y:hidden;padding:26px 0;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.design-window::-webkit-scrollbar{display:none}.design-track{display:flex;width:max-content;gap:14px;padding:0 var(--g)}.design-slide{display:block;position:relative;flex:0 0 auto;width:210px;height:255px;overflow:hidden;border:1px solid var(--sc-line);border-radius:8px;background:#e3e9f2;transition:width .5s cubic-bezier(.2,.75,.2,1),transform .5s;isolation:isolate}.design-slide img{height:100%;width:100%;object-fit:cover;object-position:top left;transition:filter .4s;filter:saturate(.85)}.design-slide-label{position:absolute;bottom:0;left:0;right:0;padding:28px 16px 14px;background:linear-gradient(transparent,rgba(12,25,43,.93));color:white}.design-slide-label strong{display:block;font-size:16px;font-weight:500}.design-slide-label>span{display:block;font-size:11px;line-height:1.5;margin-top:3px;color:#e9eff9}.design-slide:hover,.design-slide:focus-visible{width:390px;transform:translateY(-5px)}.design-slide:hover img,.design-slide:focus-visible img{filter:none}.design-gallery .design-caption{padding:0 var(--g);font-size:12px}.design-gallery a:focus-visible,.gallery-actions button:focus-visible,.design-window:focus-visible{outline:3px solid var(--sc-accent);outline-offset:4px}.design-window:focus-within{mask-image:none;-webkit-mask-image:none}
.feature-collection{padding-top:76px;padding-bottom:60px;border-top:0}.feature-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;max-width:none;margin:0 0 48px}.feature-intro .feature-eyebrow{display:none}.feature-intro h2{font-size:clamp(38px,4.5vw,60px);grid-row:span 2;margin:0}.feature-intro>p:not(.feature-eyebrow){font-size:17px;align-self:end;max-width:440px}.feature-jumps{margin-top:20px;align-self:start}.feature-group{margin-top:46px}.feature-group-heading{margin-bottom:22px}.feature-group-heading h2{font-size:24px}.feature-group-heading>p{font-size:12px;max-width:320px}.feature-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.feature-tile{padding:0;background:var(--sc-surface,#f1f4f9);border:1px solid var(--sc-line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;min-width:0;color:var(--sc-ink);transition:border-color .25s}.feature-tile:hover{border-color:#90a5c7}.feature-tile-copy{padding:25px 26px 22px}.feature-tile h3{font-size:23px;line-height:1.25;margin:0 0 12px;letter-spacing:-.025em}.feature-tile p{font-size:14px;line-height:1.7}.feature-full{margin-top:18px;border-top:1px solid var(--sc-line);padding-top:4px}.feature-full summary{cursor:pointer;font-size:12px;min-height:40px;display:flex;align-items:center;justify-content:space-between;color:var(--sc-ink);list-style:none}.feature-full summary::-webkit-details-marker{display:none}.feature-full summary:after{content:'+';font-size:20px;font-weight:400}.feature-full[open] summary:after{content:'−'}.feature-full>div{padding:10px 0 4px}.feature-full h3{font-size:18px;line-height:1.35}.feature-full p{font-size:13px}.feature-full summary:focus-visible{outline:2px solid var(--sc-accent);outline-offset:3px}.feature-roadmap{padding-top:26px;margin-top:38px}.feature-roadmap .feature-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-roadmap .feature-tile{display:grid;grid-template-columns:.8fr 1fr;align-items:center}.feature-roadmap .tile-art{height:210px;margin:12px;border-radius:4px}.feature-roadmap h3{font-size:20px}.feature-detail-link{font-size:13px;margin-top:20px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* Small, purposeful product illustrations. All data is conceptual, never client evidence. */
.tile-art{height:220px;position:relative;overflow:hidden;background:linear-gradient(135deg,#eaf0fc,#d9e5f7);color:#193459;isolation:isolate;mask-image:linear-gradient(#000 85%,transparent);-webkit-mask-image:linear-gradient(#000 85%,transparent)}.tile-art:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#a3b5d3 1px,transparent 1px);background-size:18px 18px;opacity:.2;z-index:-1}.tile-art i{height:5px;display:block;background:#d3deed;border-radius:2px;margin:9px 0;width:90%}.tile-art i:nth-of-type(2){width:73%}.tile-art i:nth-of-type(3){width:56%}.tile-art b{font-weight:600}.mini-sheet,.mini-site,.mini-index,.mini-checklist,.article-leaf,.profile-sheet,.answer-sheet,.map-profile{background:#fff;border:1px solid #c3d0e3;border-radius:6px;box-shadow:0 8px 22px #26457214;position:absolute;transition:transform .55s cubic-bezier(.2,.75,.2,1)}.mini-sheet{width:70%;padding:18px;left:14%;top:32px}.mini-sheet>span{font-size:9px;color:#59718e;display:block;margin-bottom:16px}.mini-sheet>b{font-size:15px}.sheet-back{transform:rotate(-8deg) translate(-8px,-5px);height:150px;background:#f2f6fc}.sheet-front{transform:rotate(3deg) translate(15px,21px)}.mini-tag{font-size:9px;padding:6px 8px;background:#e6eefb;color:#2e5596;width:max-content;border-radius:3px;margin-top:14px}.feature-tile:hover .sheet-back{transform:rotate(-11deg) translate(-13px,-11px)}.feature-tile:hover .sheet-front{transform:rotate(0) translate(15px,9px)}
.mini-site{left:10%;top:30px;width:67%;padding:12px 16px;transform:rotate(-3deg)}.mini-bar{height:5px;width:40%;background:#cbd8ec;margin-bottom:18px}.mini-site>b{font-size:15px}.site-columns{display:flex;gap:9px;margin-top:13px}.site-columns>span{background:linear-gradient(145deg,#5b79aa,#cbd8ed);width:30%;height:50px}.site-columns>div{flex:1}.mini-index{right:7%;top:105px;width:56%;padding:12px;transform:rotate(4deg)}.mini-index>span{font-size:9px;display:block;border-bottom:1px solid #e4eaf3;padding:4px}.mini-index>strong{font-size:8px;display:block;margin-top:9px;color:#41618f}.feature-tile:hover .mini-index{transform:rotate(0) translateY(-8px)}.feature-tile:hover .mini-site{transform:rotate(-5deg) translateY(-4px)}
.mini-checklist{left:10%;top:28px;width:80%;padding:18px}.mini-checklist>b{font-size:12px;display:block;margin-bottom:12px}.mini-checklist>span{font-size:10px;padding:9px 0;display:flex;gap:10px;align-items:center;border-top:1px solid #e4eaf3}.mini-checklist em{font-style:normal;color:#345d9b}.mini-checklist small{font-size:8px;display:block;margin-top:10px;color:#59718e}.feature-tile:hover .mini-checklist{transform:translateY(-6px)}
.article-leaf{left:13%;top:25px;padding:18px;width:65%;height:180px;transform:rotate(-5deg)}.article-leaf:before{content:'';display:block;width:100%;height:45px;background:linear-gradient(140deg,#355b91,#acc4e3);margin-bottom:12px}.article-leaf small{font-size:8px;display:block;color:#55718f;margin-bottom:7px}.article-leaf b{font-size:14px;line-height:1.3;display:block}.article-month{position:absolute;right:11%;top:112px;width:80px;height:82px;border:1px solid #bdd0ed;background:#edf3ff;display:grid;place-content:center;text-align:center;transform:rotate(5deg);border-radius:6px;transition:transform .5s}.article-month strong{font-size:30px;font-weight:500}.article-month span{font-size:9px}.feature-tile:hover .article-month{transform:rotate(0) translateY(-9px)}.feature-tile:hover .article-leaf{transform:rotate(-2deg) translateY(-4px)}
.experiment-orbit{position:absolute;width:170px;height:170px;top:24px;left:calc(50% - 85px);border:1px solid #9ab1d6;border-radius:50%;transition:transform .6s}.experiment-orbit:after{content:'';position:absolute;inset:20px;border:1px dashed #b5c7e3;border-radius:50%}.orbit-center{position:absolute;inset:46px;display:grid;place-content:center;text-align:center;line-height:1.4;font-size:12px;background:#214b91;color:white;border-radius:50%}.orbit-label{position:absolute;background:#fff;border:1px solid #b5c7e3;font-size:10px;border-radius:4px;padding:7px 12px;z-index:1}.label-a{top:-10px;left:50px}.label-b{right:-22px;bottom:24px}.label-c{left:-22px;bottom:24px}.feature-tile:hover .experiment-orbit{transform:rotate(7deg)}
.profile-sheet{padding:17px;width:68%;top:30px;left:12%;height:156px}.profile-sheet>span{font-size:12px;display:block;margin:8px 0}.profile-back{transform:rotate(-8deg);background:#f3f7fe}.profile-front{transform:translate(25px,20px) rotate(4deg)}.profile-avatar{width:28px;height:28px;background:linear-gradient(150deg,#7b97bc,#ccd8e9);border-radius:50%;border:4px solid #edf2f9}.profile-sheet small{font-size:8px;color:#59718e}.feature-tile:hover .profile-front{transform:translate(25px,10px) rotate(0)}.feature-tile:hover .profile-back{transform:rotate(-11deg) translateY(-5px)}
.mini-map{height:100%;position:relative;background:repeating-linear-gradient(90deg,transparent 0 48px,#dce6f3 49px 50px),repeating-linear-gradient(0deg,transparent 0 40px,#dce6f3 41px 42px)}.mini-map svg{width:100%;height:100%}.mini-map path{fill:none;stroke:#fff;stroke-width:16}.map-pin{position:absolute;top:40px;left:46%;width:24px;height:24px;border:7px solid #2857a3;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}.map-profile{left:15%;top:92px;width:70%;padding:15px}.map-profile b,.map-profile span,.map-profile small{display:block}.map-profile b{font-size:12px}.map-profile span{font-size:9px;margin-top:5px}.map-profile small{font-size:8px;margin-top:8px;color:#59718e}.feature-tile:hover .map-profile{transform:translateY(-7px)}
.answer-sheet{left:10%;top:30px;width:80%;padding:15px;transform:rotate(-2deg)}.answer-sheet>small{font-size:9px;color:#55718f}.answer-query{padding:10px;background:#edf3fc;font-size:10px;border-radius:4px;margin-top:12px}.answer-lines{padding:3px 0}.answer-tags{display:flex;gap:5px}.answer-tags span{font-size:8px;border:1px solid #d1ddec;padding:4px;border-radius:3px}.feature-tile:hover .answer-sheet{transform:rotate(0) translateY(-6px)}.demo-switch{margin-left:auto;display:block;background:#315d9e;width:25px;height:14px;border-radius:10px;position:relative}.demo-switch:after{content:'';position:absolute;width:10px;height:10px;right:2px;top:2px;background:white;border-radius:50%}
#details.lens-act{height:auto!important;min-height:0!important;padding:70px var(--g);border-top:1px solid var(--sc-line)}#details .lens-stage{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;padding:0!important}#details .lens-heading h2{font-size:clamp(32px,4vw,50px)}.website-care{padding-top:44px!important;padding-bottom:44px!important}.website-care h2{font-size:32px!important}.website-care p{font-size:14px!important}.price-line{padding-top:28px!important;padding-bottom:28px!important}
@media(min-width:1050px){#visibility-features .feature-tile:nth-child(4),#visibility-features .feature-tile:nth-child(5){grid-column:auto}.feature-tile-copy{min-height:225px}}
@media(max-width:1050px){.feature-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-roadmap .feature-tile{display:flex}.feature-roadmap .tile-art{margin:0;width:100%}.feature-intro{column-gap:30px}.gallery-actions button{padding:0 9px}}
@media(max-width:760px){.design-gallery-heading{padding:0 24px;display:block}.gallery-actions{margin-top:18px}.design-slide{width:190px;height:230px}.design-slide:hover,.design-slide:focus-visible{width:270px}.design-gallery .design-caption{padding:0 24px}.design-track{padding:0 24px}.feature-intro{display:block}.feature-intro h2{margin-bottom:20px}.feature-tiles,.feature-roadmap .feature-tiles{grid-template-columns:1fr}.feature-tile{display:grid;grid-template-columns:.85fr 1fr;align-items:center}.feature-tile-copy{padding:20px}.tile-art{height:240px}.feature-tile h3{font-size:21px}.feature-roadmap .feature-tile{display:grid}.feature-roadmap .tile-art{height:220px}.feature-intro{margin-bottom:36px}.feature-group-heading h2{font-size:24px}#details.lens-act{padding:48px 24px}}
@media(max-width:520px){.feature-tile,.feature-roadmap .feature-tile{display:flex}.tile-art,.feature-roadmap .tile-art{width:100%;height:210px}.feature-tile-copy{width:100%;padding:24px;box-sizing:border-box}.mini-sheet{max-width:245px;left:calc(50% - 120px)}.feature-tile p{font-size:14px}.feature-intro>p:not(.feature-eyebrow){font-size:16px}}
@media(prefers-reduced-motion:reduce){.design-slide,.design-slide img,.tile-art *,.feature-tile{transition:none!important}.design-slide:hover,.design-slide:focus-visible{transform:none}.feature-tile:hover .tile-art *{transform:none}}
/* Owner refinement: still gallery, denser cards, richer contextual illustrations. */
.design-window{overflow:visible;padding:24px var(--g);mask-image:none;-webkit-mask-image:none}.design-track{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));width:100%;gap:9px;padding:0}.design-slide{width:100%;height:320px;min-width:0;border-radius:4px;transition:transform .3s}.design-slide:hover,.design-slide:focus-visible{width:100%;transform:translateY(-4px)}.design-slide img{object-position:top center;filter:none}.feature-intro{display:block;margin-bottom:28px}.feature-intro h2{font-size:clamp(36px,4vw,52px)}.feature-tiles{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:16px}.feature-tile-copy{min-height:0;padding:20px 22px 12px}.feature-tile h3{font-size:21px}.feature-tile p{font-size:13px;line-height:1.65}.feature-full{margin-top:12px}.feature-full>div{padding:4px 0 8px}.feature-full p{margin:0}.tile-art{height:195px}.art-3{background:linear-gradient(135deg,#f6eadb,#e8d7c7)}.art-4{background:linear-gradient(135deg,#ece5f9,#e0d8f1)}.art-7{background:linear-gradient(135deg,#e1eee7,#d0e5df)}.art-9{background:linear-gradient(135deg,#eee8fa,#e4e9fb)}.coming-label{display:inline-block;color:var(--sc-ink-soft);font-size:10px;margin-bottom:10px;border:1px solid var(--sc-line);padding:3px 6px;border-radius:3px}
.chat-demo{position:absolute;top:20px;left:8%;width:84%;padding:14px;background:#fff;border:1px solid #d3d4dd;border-radius:8px;box-shadow:0 4px 13px #30456512;transition:transform .4s;box-sizing:border-box}.chat-spark{color:#bb8af0;font-size:19px}.chat-demo p{font-size:12px!important;line-height:1.5!important;color:#172239!important;margin:5px 0 10px!important}.chat-composer{background:#f2f2f4;border-radius:7px;padding:10px;color:#737882;font-size:10px}.chat-composer>div{display:flex;align-items:center;gap:10px;margin-top:11px}.chat-composer b{font-size:22px;line-height:1;font-weight:400}.chat-composer svg{height:19px;width:19px;stroke:#222b38;fill:none;stroke-width:1.7}.chat-composer strong{margin-left:auto;border-radius:50%;background:#202a3b;color:white;width:24px;height:24px;display:grid;place-items:center;font-size:19px}.chat-demo small{font-size:7px;color:#6d7584;display:block;margin-top:8px}.feature-tile:hover .chat-demo{transform:translateY(-5px)}
.action-demo{position:absolute;top:24px;left:8%;width:84%;background:white;border:1px solid #d8d1e5;border-radius:6px;padding:14px;box-sizing:border-box}.action-demo>b{font-size:11px}.action-scroll{height:131px;overflow:hidden;margin-top:10px;mask-image:linear-gradient(#000 85%,transparent)}.action-rows{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.action-rows>span{display:flex;align-items:center;gap:5px;font-size:9px;min-height:31px;border-top:1px solid #ece8f1;color:#536080}.action-rows .new-action{color:#754ba1;background:#f6f0ff;border-radius:3px;padding:0 5px}.new-action em{font-size:7px;font-style:normal;background:#e4d5f8;padding:3px;border-radius:2px;margin-left:auto}.feature-tile:hover .action-rows{transform:translateY(-35px)}
.directory-map{height:100%;position:relative;overflow:hidden}.directory-map>svg{position:absolute;width:100%;height:100%;inset:0}.map-search{position:absolute;top:12px;left:8%;right:8%;background:white;border:1px solid #cdd7db;border-radius:4px;font-size:9px;padding:8px;color:#586b79}.directory-map .map-pin{top:65px;left:49%;width:19px;height:19px;border-width:6px;box-sizing:border-box}.directory-map .map-profile{top:auto;bottom:12px;left:10%;width:80%;padding:10px;box-sizing:border-box}.map-profile b{font-size:10px}.map-profile span{font-size:8px;margin-top:3px}.map-profile small{font-size:7px;margin-top:4px}.map-dot{position:absolute;width:9px;height:9px;background:#7296b7;border:2px solid white;border-radius:50%}.dot-one{top:75px;left:24%}.dot-two{top:85px;right:20%}
@media(min-width:1350px){.feature-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px){.design-track{grid-template-columns:repeat(5,minmax(0,1fr))}.design-slide{height:260px}.feature-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.feature-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-tile{display:flex}.feature-tile-copy{width:100%;box-sizing:border-box}.tile-art{width:100%}}
@media(max-width:520px){.design-window{padding:20px 24px}.design-track{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.design-slide,.design-slide:hover,.design-slide:focus-visible{height:200px;width:100%}.feature-tiles{grid-template-columns:1fr}.tile-art{height:210px}.feature-tile-copy{padding:20px 22px 10px}}
@media(prefers-reduced-motion:reduce){.action-rows,.chat-demo{transition:none}.feature-tile:hover .action-rows{transform:none}}
/* Unified, equal-size neutral tiles; color belongs to their illustrations. */
.design-track{display:flex;width:100%;gap:9px}.design-slide{flex:1 1 0;width:0;min-width:0;height:320px;transition:flex .55s cubic-bezier(.22,.75,.2,1),transform .55s}.design-slide img{height:calc(100% + 18px);max-height:none;transform:translateY(-18px);object-fit:cover;object-position:center top}.design-slide:hover,.design-slide:focus-visible{flex:3.4 1 0;width:0;transform:translateY(-3px)}
.unified-features{margin-top:40px;align-items:stretch}.feature-tile{background:var(--sc-bg,#f8f9fc);border:1px solid var(--sc-line,#d5dce7);height:440px;position:relative;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.package-tag{display:block;flex-shrink:0;align-self:flex-start;font-size:10px;color:var(--sc-ink-soft);margin:18px 20px 0;padding:3px 7px;border:1px solid var(--sc-line);border-radius:3px}.feature-tile .tile-art{background:transparent;height:185px;min-height:185px;flex-shrink:0;mask-image:none;-webkit-mask-image:none}.tile-art:before{display:none}.feature-tile-copy{flex:1;min-height:0;padding:14px 20px 12px;display:flex;flex-direction:column;overflow-y:auto}.feature-tile-copy>h3{font-size:20px;margin-bottom:10px}.feature-tile-copy>p{font-size:13px}.feature-full{margin-top:auto;padding-top:6px;flex-shrink:0}.feature-full[open]{margin-top:12px}.feature-full summary{min-height:34px}.coming-label{margin-bottom:6px;align-self:flex-start}.feature-tile-copy:has(.coming-label)>h3{font-size:19px}.sheet-front .mini-tag{background:#e5dcfa;color:#695198}.article-leaf:before{background:linear-gradient(140deg,#b67b4a,#ead3af)}.article-month{background:#fff0da;border-color:#d9bd95;color:#895729}.profile-avatar{background:linear-gradient(145deg,#599880,#d1e5da)}.profile-front{border-color:#c3d9ce}.chat-spark{color:#ad73e6}.chat-composer strong{background:#594781}.action-demo{top:14px;padding:12px}.action-scroll{height:131px;mask-image:none;overflow:hidden;margin-top:8px}.action-rows{transform:translateY(0);transition:transform .6s cubic-bezier(.22,.75,.2,1)}.action-rows>span{min-height:29px}.action-rows .new-action{opacity:.55;transform:translateY(18px);transition:transform .6s cubic-bezier(.22,.75,.2,1),opacity .4s;background:#efe4fb;color:#6b4193;border:1px solid #d7bde9}.feature-tile:hover .action-rows,.feature-tile:focus-within .action-rows{transform:translateY(-12px)}.feature-tile:hover .new-action,.feature-tile:focus-within .new-action{opacity:1;transform:translateY(0)}.directory-map{margin:10px 12px;border-radius:5px;height:165px}.directory-map .map-search{top:8px}.directory-map .map-pin{top:55px}.directory-map .map-profile{bottom:7px}.chat-demo{top:10px;padding:10px}.chat-demo p{font-size:11px!important}.chat-composer{padding:8px}.chat-composer>div{margin-top:7px}.chat-demo small{font-size:7px}
@media(max-width:1050px){.design-track{flex-wrap:wrap}.design-slide{flex:1 1 16%;height:280px}.design-slide:hover,.design-slide:focus-visible{flex:2 1 25%}.feature-tile{height:460px}}
@media(max-width:760px){.design-slide{height:230px}.feature-tile{display:flex;height:440px}.feature-tile .tile-art{height:185px}.feature-tile-copy{padding:14px 20px 12px}}
@media(max-width:520px){.design-slide{flex:1 1 16%;height:210px;width:0}.design-slide:hover,.design-slide:focus-visible{width:0;flex:2 1 25%}.feature-tile{height:440px}}
@media(prefers-reduced-motion:reduce){.design-slide,.action-rows,.new-action{transition:none!important}.feature-tile .new-action{opacity:1;transform:none}.feature-tile:hover .action-rows{transform:none}}
/* Full-width hover previews and final widget refinements. */
.design-slide:hover,.design-slide:focus-visible{flex:0 0 min(100%,487px);width:auto}.design-slide:hover img,.design-slide:focus-visible img{width:100%;height:auto;min-height:0;max-height:none;object-fit:contain;transform:translateY(-18px)}.all-designs-link{color:var(--sc-ink);text-decoration:underline;text-underline-offset:4px}.design-caption .all-designs-link{margin-left:10px}
/* Ten tiles always fill their rows: five across, four with a wide final pair, or two across. */
@media(min-width:1420px){.unified-features{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:1150px) and (max-width:1419px){.unified-features{grid-template-columns:repeat(4,minmax(0,1fr))}.unified-features .feature-tile:nth-last-child(-n+2){grid-column:span 2}}
@media(min-width:521px) and (max-width:1149px){.unified-features{grid-template-columns:repeat(2,minmax(0,1fr))}}
.action-demo{padding:18px;top:10px}.action-scroll{height:126px;margin-top:8px}.action-rows>span{min-height:32px;gap:10px;padding:3px 0;box-sizing:border-box}.action-rows em:not(.new-action em){font-style:normal;color:#248252}.mini-checklist em{color:#248252}.action-rows .new-action{opacity:0;visibility:hidden;transform:translateY(16px);padding:4px 7px;transition:transform .55s cubic-bezier(.22,.75,.2,1),opacity .4s,visibility .4s}.feature-tile:hover .action-rows,.feature-tile:focus-within .action-rows{transform:translateY(-25px)}.feature-tile:hover .new-action,.feature-tile:focus-within .new-action{opacity:1;visibility:visible;transform:translateY(0)}
.chat-composer strong{padding:0;display:flex;align-items:center;justify-content:center;line-height:1;width:24px;height:24px;flex:0 0 24px}.chat-composer strong .chat-send-arrow{display:block;width:16px;height:16px;fill:none;stroke:white;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;margin:0}
@media(max-width:1050px){.design-slide:hover,.design-slide:focus-visible{flex:0 0 min(100%,430px)}}
@media(max-width:760px){.design-slide:hover,.design-slide:focus-visible{flex:0 0 min(100%,357px)}}
@media(prefers-reduced-motion:reduce){.action-rows .new-action{opacity:0;visibility:hidden;transform:none}.feature-tile:hover .new-action,.feature-tile:focus-within .new-action{opacity:1;visibility:visible}.feature-tile:hover .action-rows,.feature-tile:focus-within .action-rows{transform:translateY(-25px)}}

/* Disclosure content participates in layout; equal collapsed rows can grow. */
.unified-features .feature-tile{height:auto;min-height:440px;align-self:stretch}
.unified-features .feature-tile-copy{overflow:visible;min-height:auto}
.unified-features .feature-full[open]{margin-top:12px}
.unified-features .feature-full[open]>div{padding-bottom:12px}
/* The restored previews have no collection banner to crop. */
.design-slide img,.design-slide:hover img,.design-slide:focus-visible img{transform:none}

/* A detail view replaces the illustration without changing the tile's footprint. */
.unified-features .feature-tile{height:440px;min-height:440px}
.unified-features .feature-tile .tile-art{transition:height .3s ease,min-height .3s ease,opacity .2s ease}
.unified-features .feature-tile-copy{min-height:0;overflow:hidden;padding-bottom:55px}
.unified-features .feature-full,.unified-features .feature-full[open]{margin:0;padding:0;border:0;min-height:0}
.unified-features .feature-full summary{position:absolute;left:20px;right:20px;bottom:12px;min-height:34px}
.unified-features .feature-full summary:after{content:'+'}
.unified-features .feature-full[open] summary:after{content:'−'}
.unified-features .feature-tile:has(details[open]) .tile-art{height:0;min-height:0;opacity:0;pointer-events:none}
.unified-features .feature-tile:has(details[open]) .feature-tile-copy{padding-top:25px}
.unified-features .feature-tile:has(details[open]) .feature-tile-copy>p{display:none}
.unified-features .feature-full[open]{flex:1;overflow-y:auto;scrollbar-width:thin}
.unified-features .feature-full[open]>div{padding:7px 0 0}
.unified-features .feature-full[open] p{font-size:13px;line-height:1.7;margin:0}
@media(prefers-reduced-motion:reduce){.unified-features .feature-tile .tile-art{transition:none}}

/* Reveal a fixed-size screenshot horizontally; never rescale it from its top edge. */
.design-track{flex-wrap:nowrap;--preview-width:487px}
.design-slide,.design-slide:hover,.design-slide:focus-visible{transform:none;transition:flex-basis .85s cubic-bezier(.22,.75,.2,1),flex-grow .85s cubic-bezier(.22,.75,.2,1);}
.design-slide img,.design-slide:hover img,.design-slide:focus-visible img{position:absolute;top:0;left:50%;width:var(--preview-width);max-width:none;height:auto;transform:translateX(-50%);object-fit:contain;transition:filter .4s}
@media(max-width:1050px){.design-track{--preview-width:430px}.design-window{overflow-x:auto}.design-slide{flex:1 1 0;min-width:24px}}
@media(max-width:760px){.design-track{--preview-width:min(357px,calc(100vw - 48px))}.design-slide{min-width:18px}}
.chat-demo .chat-greeting{font-size:12px!important;line-height:1.5;margin:7px 0 13px}
.chat-demo .chat-composer>span{font-size:10px;line-height:1.5;display:block;color:#30303b}

/* Genuine 1100px desktop captures: compact windows without distortion. */
.design-track{--preview-width:354px}
.design-slide:hover,.design-slide:focus-visible{flex:0 0 var(--preview-width)}
@media(max-width:1050px){.design-track{--preview-width:310px}}
@media(max-width:760px){.design-track{--preview-width:255px}}
@media(max-width:520px){.design-track{--preview-width:233px}}

.design-slide.offscript-slide img,.design-slide.open-margin-slide img{left:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:none}

/* A label accompanies the expanded preview; collapsed strips remain uncluttered. */
.design-slide .design-slide-label{display:block;opacity:0;pointer-events:none}
.design-slide:hover .design-slide-label,.design-slide:focus-visible .design-slide-label{opacity:1}

/* Dark variants follow the device preference and retain each illustration's identity. */
@media screen and (prefers-color-scheme: dark) {
  .feature-tile { background:var(--sc-surface); border-color:var(--line); }
  .feature-tile .tile-art { color:#dbe6f7; }
  .mini-sheet,.mini-site,.mini-index,.mini-checklist,.article-leaf,.profile-sheet,.action-demo,.chat-demo,.map-profile,.map-search {
    background:#1f2f47; border-color:#415775; color:#dbe6f7; box-shadow:0 8px 22px #070d1826;
  }
  .sheet-back,.profile-back { background:#18273d; }
  .tile-art i { background:#526988; }
  .mini-bar { background:#6680a5; }
  .site-columns>span { background:linear-gradient(145deg,#3b5a87,#718ab0); }
  .mini-index>span,.mini-checklist>span { border-color:#40536e; }
  .mini-sheet>span,.mini-checklist small,.mini-index>strong,.article-leaf small,.profile-sheet small,.map-profile small,.chat-demo small { color:#b2c2da; }
  .sheet-front .mini-tag { background:#3d3159; color:#dcc8fa; }
  .mini-checklist em,.action-rows em:not(.new-action em) { color:#86d2b8; }
  .demo-switch { background:#527fd0; }
  .demo-switch:after { background:#edf3ff; }
  .article-leaf:before { background:linear-gradient(140deg,#714e35,#a77f54); }
  .article-month { background:#443321; border-color:#856444; color:#f0cf9e; }
  .action-demo { background:#29243c; border-color:#554669; }
  .action-rows>span { color:#d6cfe7; border-color:#514661; }
  .action-rows .new-action { background:#3d2d52; border-color:#775992; color:#e1c4fb; }
  .new-action em { background:#594271; color:#f0ddff; }
  .profile-front { background:#203c38; border-color:#456c60; }
  .profile-back { background:#192c2c; border-color:#395d54; }
  .profile-sheet i { background:#557c70; }
  .profile-avatar { background:linear-gradient(145deg,#44806b,#91baa5); border-color:#36594d; }
  .profile-sheet small { color:#b4d3c6; }
  .directory-map { background:#253932; }
  .directory-map>svg>rect { fill:#253932; }
  .directory-map>svg>path[fill="#bcddec"] { fill:#254b61; }
  .directory-map>svg>path[fill="#c7dec6"] { fill:#345542; }
  .directory-map>svg>g[stroke="#fff"] { stroke:#526563; }
  .directory-map>svg>g[stroke="#d7c8a1"] { stroke:#9b9067; }
  .directory-map>svg>g[fill="#788878"] { fill:#d0dacd; }
  .map-search,.directory-map .map-profile { background:#1c2d3b; border-color:#527083; color:#e0eaf2; }
  .directory-map .map-pin { background:#1c2d3b; border-color:#96baff; }
  .map-dot { background:#aac9ee; border-color:#28485a; }
  .chat-demo { background:#25273b; border-color:#51566d; }
  .chat-demo .chat-greeting { color:#e6eefb!important; }
  .chat-spark { color:#cca1fb; }
  .chat-composer { background:#34364d; color:#c2cce0; }
  .chat-demo .chat-composer>span { color:#e1e6f3; }
  .chat-composer svg { stroke:#c2cce0; }
  .chat-composer strong { background:#765e9c; }
  .chat-composer strong .chat-send-arrow { stroke:#fff; }
  .package-tag { color:#b8c9e1; border-color:#415775; }
}