/* Spotlight 02: composition follows the approved 1402 × 1122 design reference. */
.theme-home .preview-bar{display:none}
:is(.site-theme,.preview-theme) body.theme-home{background:radial-gradient(ellipse at 60% 10%,var(--preview-accent-soft),transparent 38%),var(--paper)!important}
.theme-home .site-header{height:110px;position:relative;background:transparent!important;backdrop-filter:none;border:0}
.theme-home .header-inner{width:calc(100% - 120px);max-width:1282px}.theme-home .brand svg{width:145px}
.theme-home .site-header nav{font-size:14px;gap:40px}.theme-home .theme-toggle{width:42px;height:42px;border-color:var(--line)}
.spotlight{width:calc(100% - 80px);max-width:1322px;padding-bottom:26px;scroll-margin-top:30px}
.spotlight [hidden]{display:none!important}.spotlight button,.spotlight input{font:inherit}
.spotlight-stage{position:relative;isolation:isolate;padding-top:24px}
.spot-intro{padding-left:25px;width:600px;max-width:48%;position:relative;z-index:5}
.spot-intro h1{font-size:68px;line-height:1.045;letter-spacing:-.06em;font-weight:720}.spot-intro h1>span{color:var(--blue)}
.spot-intro>p{font-size:19px;line-height:1.45;margin-top:18px;letter-spacing:-.015em}
.spot-intro-actions{display:flex;align-items:center;gap:20px;margin-top:27px}
.spot-search{display:flex;align-items:center;gap:13px;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:0 16px;min-width:0;color:var(--muted)}
.spot-search svg{fill:none;stroke:currentColor;stroke-width:1.8;width:19px;height:19px;flex-shrink:0}
.spot-search input{color:var(--ink);background:transparent;border:0;outline-offset:5px;flex:1;min-width:0;width:100%;padding:13px 0;font-size:13px;line-height:1.4}
.spot-search input::placeholder{color:var(--muted);opacity:1}.spot-intro .spot-search{width:360px;height:46px}
.spot-browse{height:46px;padding:0 27px;display:inline-flex;align-items:center;justify-content:center;gap:24px;white-space:nowrap;border:1px solid var(--line);border-radius:14px;background:var(--surface);font-size:13px;font-weight:600;color:var(--ink)}
.spot-browse:hover,.spot-secondary:hover{border-color:var(--blue)}
.spot-feature{height:240px;border:1px solid var(--line);border-radius:18px;margin-top:24px;background:radial-gradient(ellipse at 67% 45%,var(--preview-accent-soft),transparent 65%),var(--surface)}
.spot-feature-index{position:relative;z-index:5;display:flex;align-items:center;gap:23px;padding:23px 25px 0;color:var(--muted);height:37px}
.spot-feature-index>span{font:9px ui-monospace,monospace;letter-spacing:.13em;white-space:nowrap}.spot-feature-index b{font-weight:400}
.spot-feature-index>i{height:3px;width:145px;display:block;background:var(--line);border-radius:4px;overflow:hidden}.spot-feature-index>i>b{display:block;width:33.333%;height:100%;background:var(--blue);border-radius:4px;transition:width .45s ease}
.spot-feature-index nav{display:flex;gap:20px}.spot-feature-index nav button{border:0;background:transparent;padding:3px 0;color:var(--muted);font:9px ui-monospace,monospace;cursor:pointer;opacity:.6}.spot-feature-index nav button[aria-pressed=true]{opacity:1;color:var(--ink)}
.spot-feature-copy{display:grid;grid-template-columns:72px minmax(0,1fr);gap:24px;position:relative;z-index:5;max-width:490px;padding:20px 25px 0}
.spot-feature-icon{width:72px;height:72px;object-fit:contain;border-radius:16px}
.spot-feature-copy h2{font-size:32px;line-height:1.2;letter-spacing:-.035em;font-weight:650;margin-top:4px}
.spot-feature-copy p{font-size:15px;line-height:1.5;margin-top:9px;max-width:325px}.spot-feature-copy .spot-coming{margin-top:7px}
.spot-feature-actions{display:flex;align-items:center;gap:20px;margin-top:13px;white-space:nowrap}
.spot-primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;color:var(--preview-on-accent);background:var(--blue);border:1px solid var(--blue);border-radius:9px;padding:7px 20px;font-size:12px;font-weight:600;line-height:1.2;min-height:33px}
.spot-feature-actions .store-badge{padding:0;background:transparent;border:0;box-shadow:none}.spot-feature-actions .store-badge img{width:125px;height:32px}
.spot-device{position:absolute;z-index:3;pointer-events:none;margin:0}.spot-device img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 18px #0008)}
.spot-laptop{width:810px;height:500px;right:35px;top:-25px;perspective:1400px}.spot-laptop img{object-fit:fill;transform:rotateY(-13deg) rotateZ(1deg) skewX(-4deg);transform-origin:center}
.spot-feature-phone{width:330px;height:475px;right:160px;top:0;transform:rotate(6deg)}.spot-feature-paper{width:360px;height:410px;right:110px;top:60px}.spot-feature-icon.spot-device{width:260px;height:260px;right:180px;top:50px}
.spot-teasers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.spot-teaser{position:relative;isolation:isolate;overflow:hidden;min-height:252px;border:1px solid var(--line);border-radius:14px;background:radial-gradient(ellipse at 90% 70%,var(--preview-accent-soft),transparent 65%),var(--surface);padding:28px 26px 20px}
.spot-teaser-copy{position:relative;z-index:3;width:61%}.spot-teaser-identity{display:flex;align-items:center;gap:24px}.spot-teaser-identity>img{height:60px;width:60px;object-fit:contain;border-radius:13px}
.spot-teaser h2{font-size:20px;letter-spacing:-.025em;line-height:1.3;font-weight:600}.spot-coming{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--blue);border-radius:25px;padding:5px 12px;color:var(--blue);font-size:10px;line-height:1.2;white-space:nowrap}.spot-coming:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.spot-teaser-identity .spot-coming{margin-top:7px}
.spot-teaser-copy>p{font-size:15px;line-height:1.45;margin-top:17px;letter-spacing:-.01em;max-width:300px}
.spot-teaser-actions{display:flex;gap:20px;align-items:center;margin-top:18px;white-space:nowrap}.spot-secondary{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid var(--line);border-radius:11px;padding:8px 20px;color:var(--muted);background:var(--surface);font-size:11px;line-height:1.3;white-space:nowrap}.spot-teaser-actions>span{font-size:11px;color:var(--muted)}
.spot-teaser-art{position:absolute;z-index:2;pointer-events:none;margin:0}.spot-teaser-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 15px #0005)}
.spot-phone{right:23px;top:7px;width:36%;height:345px;transform:rotate(3deg)}
.spot-paper{right:22px;top:27px;width:245px;height:260px}
.spot-sample{position:absolute;inset:0 7% 0 12%;background:#fff;color:#202c40;box-shadow:0 12px 28px #0004;border:1px solid #dbe0e7;border-radius:5px;padding:19px 22px;transform:rotate(5deg)}
.spot-sample>div{display:flex;justify-content:space-between;align-items:center}.spot-sample>div>b{font-size:10px;color:#3c5046}.spot-sample small{font-size:6px;letter-spacing:.03em;color:#7e8993}.spot-sample>span{font:7px ui-monospace,monospace;letter-spacing:.13em;color:#7e8993;display:block;margin-top:33px}.spot-sample>strong{display:block;font-size:27px;letter-spacing:-.06em;line-height:1.05;margin-top:18px}.spot-sample>i{display:block;background:#d8e0e7;height:3px;margin-top:9px;border-radius:3px}.spot-sample>i:first-of-type{margin-top:24px}.spot-sample>i:last-of-type{width:68%}.spot-sample em{font:600 10px ui-monospace,monospace;font-style:normal;position:absolute;bottom:30px;right:17px;background:#1266dd;color:white;border-radius:5px;padding:10px;transform:rotate(1deg)}
.spot-paper-backs{position:absolute;inset:0 7% 0 12%;background:#cbd5e0;border-radius:5px;box-shadow:-8px 4px 0 #b0bece;transform:rotate(-8deg) translate(-13px,4px)}.spot-paper:after,.spot-feature-paper:after{content:'';position:absolute;inset:-4px 2% 14px 4%;border:1px solid var(--blue);border-radius:4px;z-index:-1;box-shadow:0 0 14px var(--preview-accent-soft)}.spot-sample-caption{font-size:7px;color:var(--muted);position:absolute;bottom:4px;right:12px}
.spot-collection{border:1px solid var(--line);border-radius:17px;margin-top:14px;background:var(--surface);padding:21px 26px 0}
.spot-collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:15px;border-bottom:1px solid var(--line)}
.spot-collection h2{font-size:24px;letter-spacing:-.04em;line-height:1.15;font-weight:650}.spot-collection-toolbar p{font-size:13px;line-height:1.4;margin-top:4px}
.spot-platforms{display:flex;align-items:center;gap:7px;flex-shrink:0}.spot-platforms button{background:transparent;border:1px solid var(--line);border-radius:9px;padding:9px 16px;color:var(--muted);font-size:10px;cursor:pointer;white-space:nowrap}.spot-platforms button[aria-pressed=true]{background:var(--blue);color:var(--preview-on-accent);border-color:var(--blue)}
.spot-collection-search{width:275px;border-radius:15px;flex-shrink:1}.spot-collection-search input{padding:8px 0;font-size:11px}.spot-collection-search svg{width:16px;height:16px}
.spot-apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.spot-app-link{display:flex;align-items:center;gap:14px;padding:14px 20px 15px 0;min-width:0;position:relative}.spot-app-link:not(:nth-child(3n+1)){border-left:1px solid var(--line);padding-left:26px}.spot-app-link>img{width:44px;height:44px;object-fit:contain;border-radius:11px;flex-shrink:0}.spot-app-link>span:first-of-type{min-width:0}.spot-app-link strong{font-size:13px;line-height:1.3;display:block;overflow-wrap:anywhere}.spot-app-link small{display:block;font-size:10px;color:var(--muted);line-height:1.5;margin-top:3px}.spot-app-link>.spot-coming{font-size:9px;padding:5px 10px;margin-left:auto}.spot-app-link>b{border:1px solid var(--line);height:34px;width:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--ink);font-weight:400;flex-shrink:0;margin-left:auto}.spot-app-link:has(.spot-coming)>b{display:none}.spot-app-link:hover strong{color:var(--blue)}.spot-empty{font-size:13px;padding-block:20px}.spot-empty a{color:var(--blue)}
.theme-home .maker-section{padding-top:90px}
@media(min-width:1101px) and (max-width:1300px){.spot-intro h1{font-size:60px}.spot-intro>p{font-size:17px}.spot-laptop{width:700px;height:460px;right:10px;top:-5px}.spot-intro-actions{gap:12px}.spot-browse{padding-inline:20px;gap:16px}.spot-intro .spot-search{width:315px}.spot-feature-copy{max-width:475px}.spot-teaser-actions{gap:13px}.spot-teaser-actions>span{font-size:9px}.spot-paper{width:220px;right:5px}.spot-collection-toolbar{gap:15px}.spot-collection-search{width:230px}.spot-collection h2{font-size:21px}.spot-platforms button{padding-inline:12px}}
@media(max-width:1100px) and (min-width:761px){.spotlight{width:calc(100% - 48px)}.theme-home .header-inner{width:calc(100% - 70px)}.spot-intro{padding-left:18px;max-width:53%;width:510px}.spot-intro h1{font-size:52px}.spot-intro>p{font-size:15px}.spot-intro-actions{gap:10px;flex-wrap:wrap;margin-top:23px}.spot-intro .spot-search{width:260px;max-width:100%}.spot-browse{padding-inline:16px;gap:15px;height:42px;font-size:11px}.spot-laptop{width:560px;height:400px;right:0;top:10px}.spot-feature{margin-top:22px;height:250px}.spot-feature-copy{max-width:440px;grid-template-columns:58px minmax(0,1fr);gap:15px}.spot-feature-icon{width:58px;height:58px}.spot-feature-copy h2{font-size:28px}.spot-feature-copy p{font-size:13px;max-width:300px}.spot-feature-actions{gap:12px}.spot-primary{padding:8px 12px;font-size:11px}.spot-feature-actions .store-badge img{width:110px;height:29px}.spot-teaser{padding:22px 20px;min-height:265px}.spot-teaser-copy{width:63%}.spot-teaser-identity{gap:12px}.spot-teaser-identity>img{width:46px;height:46px}.spot-teaser h2{font-size:17px}.spot-teaser-copy>p{font-size:13px}.spot-coming{font-size:9px}.spot-teaser-actions>span{display:none}.spot-phone{height:300px;right:5px;top:30px}.spot-paper{width:180px;right:-12px;top:50px}.spot-sample{padding:17px}.spot-sample strong{font-size:24px}.spot-collection-toolbar{flex-wrap:wrap;gap:16px}.spot-collection-toolbar>div{margin-right:auto}.spot-collection-search{width:100%}.spot-app-link>.spot-coming{display:none}.spot-app-link:not(:nth-child(3n+1)){padding-left:16px}.spot-app-link{gap:10px}.spot-app-link strong{font-size:12px}.spot-app-link small{font-size:9px}}
@media(max-width:760px){.theme-home .site-header{height:88px}.theme-home .header-inner{width:calc(100% - 36px)}.theme-home .brand svg{width:110px}.theme-home .site-header nav{gap:14px;font-size:12px}.theme-home .theme-toggle{height:36px;width:36px}.spotlight{width:calc(100% - 36px)}.spotlight-stage{padding-top:16px}.spot-intro{padding:0 5px;max-width:100%;width:100%}.spot-intro h1{font-size:clamp(43px,10.5vw,65px);line-height:1.06}.spot-intro>p{font-size:15px;line-height:1.5;margin-top:19px}.spot-intro>p br{display:none}.spot-intro-actions{flex-wrap:wrap;gap:12px;margin-top:23px}.spot-intro .spot-search{width:100%;height:45px;border-radius:12px}.spot-browse{height:42px;font-size:12px;padding-inline:20px;gap:30px}.spot-feature{position:relative;height:auto;min-height:540px;margin-top:24px;padding-bottom:23px}.spot-feature-index{gap:14px;padding:20px 18px 0;height:33px}.spot-feature-index>span{font-size:8px}.spot-feature-index>i{width:75px}.spot-feature-index nav{gap:16px}.spot-feature-copy{padding:22px 18px 0;grid-template-columns:54px minmax(0,1fr);gap:16px;max-width:none}.spot-feature-icon{width:54px;height:54px;border-radius:12px}.spot-feature-copy h2{font-size:27px;margin:0}.spot-feature-copy p{font-size:13px;line-height:1.55;margin-top:11px;max-width:100%}.spot-feature-actions{flex-wrap:wrap;gap:14px;margin-top:16px}.spot-primary{font-size:11px;padding:9px 12px;gap:15px}.spot-feature-actions .store-badge img{width:122px;height:32px}.spot-device{position:relative;inset:auto!important;margin:18px auto 0;z-index:2}.spot-laptop{width:100%;height:230px;perspective:none}.spot-laptop img{transform:rotateY(-8deg) skewX(-2deg);width:100%;height:100%}.spot-feature-phone{height:250px;width:170px;transform:rotate(4deg)}.spot-feature-paper{height:250px;width:230px}.spot-feature-icon.spot-device{width:200px;height:200px}.spot-teasers{grid-template-columns:1fr;gap:13px;margin-top:13px}.spot-teaser{padding:23px 20px;min-height:280px}.spot-teaser-copy{width:61%}.spot-teaser-identity{gap:12px}.spot-teaser-identity>img{width:44px;height:44px}.spot-teaser h2{font-size:17px}.spot-coming{font-size:9px;padding:5px 9px}.spot-teaser-copy>p{font-size:13px;line-height:1.5;margin-top:17px}.spot-teaser-actions{margin-top:18px}.spot-teaser-actions>span{display:none}.spot-secondary{font-size:10px;padding:8px 13px;gap:22px}.spot-phone{width:37%;height:280px;right:6px;top:14px}.spot-paper{width:42%;height:215px;right:4px;top:50px}.spot-sample{padding:14px 12px}.spot-sample>span{font-size:6px;margin-top:25px}.spot-sample>strong{font-size:22px;margin-top:16px}.spot-sample small{font-size:5px}.spot-sample em{font-size:8px;padding:8px;right:11px;bottom:22px}.spot-sample-caption{font-size:6px}.spot-collection{padding:21px 18px 0;margin-top:13px}.spot-collection-toolbar{flex-wrap:wrap;gap:18px}.spot-collection h2{font-size:23px}.spot-collection-toolbar p{font-size:12px}.spot-platforms{flex-wrap:wrap;gap:6px;width:100%}.spot-platforms button{font-size:10px;padding:8px 10px}.spot-collection-search{width:100%;flex-shrink:0;border-radius:12px}.spot-apps{grid-template-columns:1fr}.spot-app-link,.spot-app-link:not(:nth-child(3n+1)){padding:16px 0;border-left:0;border-bottom:1px solid var(--line);gap:13px}.spot-app-link:last-child{border-bottom:0}.spot-app-link>.spot-coming{display:inline-flex;font-size:8px}.spot-app-link strong{font-size:12px}.spot-app-link small{font-size:9px}.spot-app-link>img{width:38px;height:38px}.theme-home .maker-section{padding-top:65px}}
@media(prefers-reduced-motion:no-preference){.spot-panel:not([hidden]) .spot-device{animation:spot-device-in .65s cubic-bezier(.2,.75,.2,1) both}.spot-panel:not([hidden]) .spot-feature-copy{animation:spot-copy-in .4s ease both}@keyframes spot-device-in{from{opacity:.2;translate:35px 12px}to{opacity:1;translate:0 0}}@keyframes spot-copy-in{from{opacity:.3;translate:0 12px}to{opacity:1;translate:0 0}}}

/* Reference alignment: desktop geometry and the extracted concept illustrations. */
.theme-home .site-header{border-bottom:0!important}.theme-home .header-inner{padding-top:20px}
.spotlight-stage{padding-top:17px}.spot-intro h1{font-size:72px;line-height:1;font-weight:700}.spot-intro>p{margin-top:14px}
.spot-feature-copy{gap:28px}.spot-feature-actions .store-badge{min-height:34px}.spot-feature-actions .store-badge img{height:32px!important;width:auto!important}
.spot-laptop{width:820px;height:498px;right:26px;top:-20px}.spot-laptop img{object-fit:contain;transform:none}
.spot-teaser{padding-top:36px}.spot-phone{width:43%;height:430px;right:25px;top:-24px;transform:none}
.spot-paper{width:350px;height:280px;right:-10px;top:-20px}.spot-document-image{width:100%;height:100%;object-fit:contain}.spot-paper:after,.spot-feature-paper:after{display:none}
.spot-collection-toolbar{justify-content:initial;gap:30px}.spot-collection-toolbar>div{width:336px;flex-shrink:0}.spot-platforms button{font-size:11px;padding-inline:20px}.spot-collection-search{margin-left:auto}
[data-site-theme=dark] .spot-feature{background:radial-gradient(ellipse at 68% 45%,#41688735,transparent 65%),#0d141a;border-color:#293b49}
[data-site-theme=dark] :is(.spot-teaser,.spot-collection){background:radial-gradient(ellipse at 85% 90%,#293e5020,transparent 75%),#0c141a;border-color:#293744}
[data-site-theme=dark] :is(.spot-search,.spot-browse,.spot-secondary){background:#101820;border-color:#344755}
@media(max-width:1300px) and (min-width:1101px){.spot-intro h1{font-size:64px}.spot-laptop{width:730px;height:470px;right:2px;top:-8px}.spot-collection-toolbar{gap:20px}.spot-collection-toolbar>div{width:290px}.spot-platforms button{padding-inline:13px}.spot-paper{width:310px;right:-14px}.spot-phone{right:8px}}
@media(max-width:1100px) and (min-width:761px){.spot-intro h1{font-size:54px}.spot-laptop{width:600px;height:410px;right:-25px;top:10px}.spot-collection-toolbar>div{width:auto}.spot-collection-search{margin-left:0}.spot-paper{width:270px;right:-28px;top:0}.spot-phone{height:365px;width:47%;top:0;right:-4px}.spot-platforms button{padding-inline:14px}}
@media(max-width:760px){.theme-home .header-inner{padding-top:0}.spotlight-stage{padding-top:16px}.spot-intro h1{font-size:clamp(43px,10.5vw,65px);line-height:1.06}.spot-intro>p{margin-top:19px}.spot-feature-copy{gap:16px}.spot-laptop{width:100%;height:230px}.spot-laptop img{transform:none;object-fit:contain}.spot-teaser{padding-top:23px}.spot-phone{height:330px;width:46%;right:-1px;top:5px}.spot-paper{height:220px;width:240px;right:-35px;top:21px}.spot-collection-toolbar{gap:18px}.spot-collection-toolbar>div{width:100%;flex-shrink:1}.spot-platforms button{font-size:10px;padding:8px 10px}.spot-collection-search{margin:0}.spot-feature-paper{height:250px;width:290px}}
/* Preserve the established large-screen placement, using only the original frame. */
@media(min-width:1360px){[data-site-theme=dark] .spot-laptop{left:480px;right:auto;top:-10px;width:810px;height:500px}}
.theme-home .header-inner{position:relative}.spot-site-label{position:absolute;top:18px;left:0;font:10px ui-monospace,monospace;letter-spacing:.15em;color:var(--muted)}
@media(max-width:760px){.spot-site-label{display:none}}
body.theme-home .site-header nav{gap:40px;font-size:14px;color:var(--ink)!important}
.spot-feature-copy h2{font-size:34px}.spot-feature-copy p{margin-top:7px;max-width:350px}.spot-platform-note{font-size:12px;color:var(--muted)}
@media(max-width:760px){body.theme-home .site-header nav{gap:14px;font-size:12px}.spot-feature-copy h2{font-size:27px}.spot-feature-copy p{margin-top:11px}.spot-feature-copy p br{display:none}}
.spotlight{overflow:clip}
@media(max-width:1100px) and (min-width:761px){.spot-laptop{right:0}}
@media(max-width:360px){.theme-home .brand svg{width:95px}body.theme-home .site-header nav{gap:8px;font-size:11px}.theme-home .theme-toggle{width:32px;height:32px}}
@media(min-width:1360px){.spot-intro h1{font-size:74px;line-height:72px}.spot-intro>p{font-size:20px;line-height:27.55px}body.theme-home .site-header nav{gap:44px}}
.spotlight img[src*="calculator365/icon.svg"]{transform:scale(1.3)}
/* The laptop frame is decorative. Its display always uses an original app capture. */




.spot-feature-phone{transform:none}
.spot-phone{left:auto!important;right:20px!important;top:10px!important;width:36%!important;height:345px!important;background:none!important;mask-image:none!important}
.spot-phone>img{opacity:1!important}
[data-featured-app=calculator365] .spot-feature-copy h2{font-size:32px}
[data-featured-app=calculator365] .spot-feature-copy p{font-size:14px;line-height:1.45;max-width:350px}
@media(max-width:760px){.spot-phone{width:38%!important;right:6px!important;top:20px!important;height:310px!important}[data-featured-app=calculator365] .spot-feature-copy h2{font-size:27px}}
[data-featured-app=calculator365] .spot-feature-copy{padding-top:12px}
[data-featured-app=calculator365] .spot-feature-actions{margin-top:9px}
@media(max-width:760px){[data-featured-app=calculator365] .spot-feature-copy{padding-top:22px}[data-featured-app=calculator365] .spot-feature-actions{margin-top:16px}}

/* Stable scroll scene. Crossfade only the complete product unit. */
.spot-scroll-track{position:relative}
.spot-pin-shell{position:relative;isolation:isolate;overflow:clip}
.spot-scroll-track[data-spot-scroll=pinned]{height:calc(var(--spot-shell-height) + var(--spot-travel))}
.spot-scroll-track[data-spot-scroll=pinned] .spot-pin-shell{position:sticky;top:var(--spot-pin-top);height:var(--spot-shell-height)}
.spot-scroll-track[data-spot-scroll=pinned] .spotlight-stage{transform:scale(var(--spot-pin-scale,1));transform-origin:top center}
.theme-home:has([data-spot-scroll=pinned]) .site-header{position:sticky;top:0;z-index:50;background:var(--paper)!important}
.spot-feature{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
.spot-feature-index{grid-area:1/1}
.spot-panel{grid-area:2/1;min-width:0}
.spot-panel[data-spot-leaving]{pointer-events:none}
[data-spot-ready] .spot-panel :is(.spot-device,.spot-feature-copy){animation:none!important;translate:none!important}
[data-spotlight]:not([data-spot-ready]) .spot-feature-index nav{display:none}
.spot-feature-index nav button:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}
.spotlight :is(a,button,input){scroll-margin-bottom:calc(var(--storage-notice-height,0px) + 20px)}
@media(min-width:761px){
  [data-featured-app=paperscan365] .spot-feature-copy{padding-top:12px}
  [data-featured-app=paperscan365] .spot-feature-copy h2{font-size:32px}
  [data-featured-app=paperscan365] .spot-feature-copy p{font-size:14px;line-height:1.45;max-width:350px}
  [data-featured-app=paperscan365] .spot-feature-actions{margin-top:9px}
}
@media(max-width:760px){
  .theme-home .site-header{height:72px}
  .theme-home .header-inner{width:calc(100% - 32px);gap:10px}
  body.theme-home .site-header nav{gap:12px;font-size:12px}
  .theme-home .brand svg{width:112px}
  .theme-home .theme-toggle{height:44px;width:44px}
  .spotlight{width:calc(100% - 32px)}
  .spotlight-stage{padding-top:10px}
  .spot-intro{padding:0}
  .spot-intro h1{font-size:clamp(39px,10.8vw,64px);line-height:1.02;letter-spacing:-.06em}
  .spot-intro>p{font-size:14px;line-height:1.5;margin-top:14px;max-width:460px}
  .spot-intro-actions{margin-top:18px;gap:7px}
  .spot-intro .spot-search{height:44px;border-radius:11px}
  .spot-intro .spot-search input{font-size:14px;padding-block:11px}
  [data-spot-ready] .spot-intro .spot-search{display:none}
  .spot-browse{height:44px;min-height:44px;padding:0 2px;border:0!important;background:transparent!important;gap:12px;font-size:12px}
  .spot-feature{position:relative;margin-top:8px;min-height:0;height:auto;padding-bottom:18px;overflow:hidden;border-radius:17px}
  .spot-feature-index{padding:8px 16px 0;min-height:52px;height:auto;gap:10px}
  .spot-feature-index>i{width:auto;flex:1;min-width:24px;max-width:80px}
  .spot-feature-index nav{gap:0;margin-left:auto}
  .spot-feature-index nav button{min-width:44px;min-height:44px;font-size:11px;padding:8px}
  .spot-panel{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:36px 16px 160px 44px 42px;gap:6px;padding:10px 16px 0;align-items:center}
  .spot-feature-copy,.spot-feature-copy>div{display:contents}
  .spot-feature-copy>img{grid-column:1;grid-row:1;width:36px;height:36px;border-radius:10px}
  .spot-feature-copy h2,[data-featured-app=calculator365] .spot-feature-copy h2{grid-column:2;grid-row:1;font-size:24px;margin:0;line-height:1.15}
  .spot-feature-copy .spot-coming{grid-column:2;grid-row:2;justify-self:start;margin:0}
  .spot-feature-copy p,[data-featured-app=calculator365] .spot-feature-copy p{grid-column:1/-1;grid-row:5;align-self:start;max-width:none;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .spot-feature-actions,[data-featured-app=calculator365] .spot-feature-actions{grid-column:1/-1;grid-row:4;margin:0;display:flex;align-items:center;justify-content:space-between;gap:10px;white-space:normal;flex-wrap:nowrap}
  .spot-primary{min-height:44px;font-size:12px;padding:10px 13px;gap:14px}
  .spot-platform-note{font-size:10px;line-height:1.4;max-width:95px}
  .spot-device{grid-column:1/-1;grid-row:3;position:relative;inset:auto!important;margin:0 auto;width:100%;max-width:none;height:160px}
  .spot-laptop{width:calc(100% + 60px);margin-inline:-30px;perspective:none}
  .spot-laptop .spot-laptop-frame{transform:none;object-fit:contain}
  .spot-feature-phone{width:91px;height:160px;transform:none}
  .spot-feature-paper{width:270px;max-width:100%;height:160px}
  .spot-teasers{gap:12px;margin-top:12px}
  .spot-teaser{padding:22px;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
  .spot-teaser-copy{width:100%}
  .spot-teaser-identity{gap:14px}
  .spot-teaser h2{font-size:21px}
  .spot-teaser-copy>p{font-size:14px;line-height:1.55;max-width:none;margin-top:16px}
  .spot-teaser-actions{margin-top:16px}
  .spot-secondary{min-height:44px;padding:10px 14px;font-size:12px}
  .spot-teaser-art{position:relative;inset:auto!important;margin:4px auto 0;width:100%;max-width:100%;height:220px}
  .spot-phone{width:130px!important;height:230px!important;inset:auto!important}
  .spot-paper{width:270px;height:220px}
  .spot-collection{padding-inline:18px}
  .spot-platforms button{min-height:44px;padding:10px 12px;font-size:11px}
  .spot-collection-search{height:44px}
  .spot-app-link{min-height:70px}
  .theme-home .maker-section{padding-top:52px}
}
@media(max-width:360px){
  .theme-home .brand svg{width:96px}
  body.theme-home .site-header nav{gap:8px;font-size:11px}
  .spot-feature-index{min-height:44px;padding-top:4px}
  .spot-panel{grid-template-rows:36px 16px 110px 44px 40px}
  .spot-feature-copy h2,[data-featured-app=calculator365] .spot-feature-copy h2{font-size:23px}
  .spot-device{height:110px}
  .spot-feature-phone{width:63px;height:110px}
  .spot-feature-actions{gap:8px}
  .spot-primary{font-size:11px;padding-inline:11px;gap:10px}
  .spot-platform-note{font-size:9px;max-width:75px}
}
@media(prefers-reduced-motion:reduce){.spot-scroll-track{height:auto!important}.spot-scroll-track .spot-pin-shell{position:relative!important;top:auto!important;height:auto!important}.spotlight-stage{transform:none!important}}

.spotlight .spot-laptop>.laptop-composition{filter:drop-shadow(0 18px 18px #0006)}

/* Normal main variant: readable geometry; discovery is one separate section. */
.spot-scroll-track[data-spot-scroll=pinned] .spotlight-stage{transform:none}
.spot-pin-shell{overflow:visible}
.spot-collection{margin-top:90px;padding:0;border:0;background:transparent!important}
.spot-collection-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}
.spot-collection-toolbar>div{width:auto;flex:1}.spot-collection h2{font-size:34px}.spot-collection-toolbar p{font-size:15px;line-height:1.6}
.spot-apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;border:0}
.spot-app-link,.spot-app-link:not(:nth-child(3n+1)){border:1px solid var(--line);border-radius:16px;padding:24px;min-height:115px;gap:18px;background:var(--surface)}
.spot-app-link>img{width:50px;height:50px;object-fit:contain}.spot-app-link strong{font-size:18px;line-height:1.3}.spot-app-link small{font-size:12px;line-height:1.5;margin-top:5px}
.spot-app-link>.spot-coming{font-size:10px}.spot-app-link>b{width:34px;height:34px;flex:none}
.spot-feature{height:auto;min-height:240px}.spot-feature-copy{padding-bottom:25px}
@media(max-width:1100px){
 .spot-intro{max-width:100%;width:100%;padding-inline:0}.spot-intro h1{font-size:clamp(42px,6vw,64px)}.spot-intro>p{font-size:17px}
 .spot-feature{position:relative;margin-top:28px;min-height:0;overflow:hidden}
 .spot-panel{display:flex;flex-direction:column;padding:12px 22px 24px;gap:18px}
 .spot-feature-copy,.spot-feature-copy>div{display:block}.spot-feature-copy{width:100%;max-width:100%;padding:0!important;order:2}
 .spot-feature-copy>img{float:left;width:44px;height:44px;margin-right:16px}.spot-feature-copy h2,[data-featured-app=calculator365] .spot-feature-copy h2{font-size:28px;margin:0;line-height:1.2}
 .spot-feature-copy p,[data-featured-app=calculator365] .spot-feature-copy p{display:block;max-width:100%;font-size:15px;line-height:1.6;-webkit-line-clamp:unset;overflow:visible;margin-top:14px;clear:both}
 .spot-feature-actions,[data-featured-app=calculator365] .spot-feature-actions{display:flex;flex-wrap:wrap;white-space:normal;margin-top:18px;gap:14px}
 .spot-device,.spotlight .spot-panel>.spot-feature-calculator,.spotlight .spot-panel>.spot-feature-scanner{position:relative;inset:auto!important;order:1;margin:0 auto;width:100%;max-width:600px;height:300px;pointer-events:none}
 .spot-laptop .laptop-composition{width:100%;height:100%;object-fit:contain}
 .spotlight .spot-panel>.spot-feature-calculator,.spotlight .spot-panel>.spot-feature-scanner{width:360px;max-width:100%;height:300px}
 .spot-feature-index{height:auto;min-height:54px;padding:8px 20px;gap:12px}.spot-feature-index nav button{min-width:40px;min-height:40px}.spot-feature-index nav{gap:4px}
 .spot-feature-index>i{flex:1;max-width:145px;min-width:28px}
}
@media(max-width:600px){
 .spot-collection{margin-top:65px}.spot-collection-toolbar{align-items:flex-start;flex-direction:column;gap:16px}
 .spot-apps{grid-template-columns:1fr}.spot-app-link>.spot-coming{display:none}.spot-app-link strong{font-size:17px}
 .spot-panel{padding-inline:18px}.spot-device,.spotlight .spot-panel>.spot-feature-calculator,.spotlight .spot-panel>.spot-feature-scanner{height:250px}
}

/* Reserve the largest real panel; transitions do not resize the frame. */
[data-spot-ready] .spot-panel{min-height:var(--spot-panel-height,0px)}

/* The original Duo recording sits within the existing Calculator collection link. */
.spot-app-motion{display:block;flex:none;width:clamp(66px,7vw,112px);aspect-ratio:900/640;overflow:hidden}
.spot-app-motion img{display:block;width:100%;height:100%;object-fit:contain}

/* The collection is an open section with individually framed, generous app cards. */
.theme-home .spotlight .spot-collection{background:transparent!important;border:0;padding:0;margin-top:24px}
.theme-home .spotlight .spot-collection-toolbar{padding:0 0 22px;margin-bottom:26px}
.theme-home .spotlight .spot-apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;border:0}
.theme-home .spotlight .spot-app-link{border:1px solid var(--line);border-radius:16px;padding:24px;min-height:115px;gap:18px;background:var(--surface)}
.theme-home .spotlight .spot-app-link>img{width:50px;height:50px;flex:none;object-fit:contain}
.theme-home .spotlight .spot-app-link strong{font-size:18px;line-height:1.3;overflow-wrap:normal}
.theme-home .spotlight .spot-app-link small{font-size:12px;line-height:1.5}
@media(max-width:600px){
 .theme-home .spotlight .spot-collection{margin-top:65px}
 .theme-home .spotlight .spot-apps{grid-template-columns:minmax(0,1fr)}
 .theme-home .spotlight .spot-app-link{padding:20px}
}
/* Do not enlarge individual collection icons into the card padding. */
.theme-home .spotlight .spot-app-link>img{transform:none}
@media(max-width:360px){.theme-home .spotlight .spot-app-link>b{display:none}}

/* Give the home hero the same breathing room as the product introduction. */
@media(min-width:1101px){
 .theme-home .header-inner,.theme-home .spotlight{max-width:1200px}
 .theme-home .spotlight-stage{padding-top:56px}
 .theme-home .spot-intro{width:480px;max-width:40%;padding-left:0}
 .theme-home .spot-intro h1{font-size:clamp(60px,4.7vw,68px);line-height:1.06}
 .theme-home .spot-intro>p{max-width:490px;font-size:18px;line-height:1.65;margin-top:20px}
 .theme-home .spotlight .spot-laptop{left:auto;right:0;top:clamp(50px,calc(700px - 50vw),150px);width:min(60%,calc(100% - 510px));height:auto;aspect-ratio:1612/976}
 .theme-home .spotlight .spot-feature-calculator,.theme-home .spotlight .spot-feature-scanner{top:50px;right:0;width:min(51%,calc(100% - 510px))}
}
@media(max-width:1100px){.theme-home .spotlight-stage{padding-top:24px}}

/* One open product hero; shared card surface rules must not paint this scene. */
.theme-home .spotlight-stage{padding-top:24px;overflow:clip;overflow-clip-margin:120px}
.theme-home .spot-feature{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:0;height:auto;margin:0;border:0;background:transparent!important;overflow:visible;padding:0}
.theme-home .spot-feature-index{position:absolute;z-index:6;left:0;bottom:15px;padding:0 24px;height:40px;min-height:0}
.theme-home .spot-panel{grid-area:1/1;position:relative;display:grid;min-width:0;padding:0;gap:0}
.theme-home .spot-feature-copy{display:block;position:relative;z-index:4;width:100%;max-width:none;padding:0;float:none}
.theme-home .spot-product-identity{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:18px;font-weight:650;letter-spacing:-.02em;min-height:36px}
.theme-home .spot-product-identity .spot-feature-icon{float:none;width:36px;height:36px;margin:0;border-radius:9px;object-fit:contain}
.theme-home .spot-product-identity .spot-coming{margin:0 0 0 4px}
.theme-home .spot-feature-copy h1{font-size:clamp(43px,5vw,70px);line-height:1.04;letter-spacing:-.045em;font-weight:650;margin:28px 0 0;text-wrap:balance}
.theme-home .spot-feature-copy h1 span{color:var(--accent-text,var(--blue))}
.theme-home .spot-feature-copy p,.theme-home [data-featured-app=calculator365] .spot-feature-copy p{display:block;clear:none;overflow:visible;-webkit-line-clamp:unset;max-width:490px;font-size:18px;line-height:1.65;margin:25px 0 0}
.theme-home .spot-feature-actions,.theme-home [data-featured-app=calculator365] .spot-feature-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin:29px 0 0;white-space:normal}
.theme-home .spot-primary{min-height:48px;padding:13px 20px;font-size:14px;gap:26px;border-radius:10px}
@media(min-width:761px){
 .theme-home .spotlight{max-width:1200px;overflow:visible}
 .theme-home .spotlight-stage{padding-top:0}
 .theme-home .spot-panel{min-height:640px;align-items:start;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:36px}
 .theme-home .spot-feature-copy,.theme-home [data-featured-app=calculator365] .spot-feature-copy,.theme-home [data-featured-app=paperscan365] .spot-feature-copy{grid-column:1;grid-row:1;width:100%;padding:67px 0 90px!important;order:initial}
 .theme-home .spotlight .spot-panel>.spot-device,.theme-home .spotlight .spot-panel>.spot-feature-calculator,.theme-home .spotlight .spot-panel>.spot-feature-scanner{grid-column:2;grid-row:1;align-self:center;position:relative;inset:auto!important;top:auto!important;width:100%;max-width:660px;height:auto;margin:0;order:initial}
 .theme-home .spotlight .spot-panel>.spot-laptop{width:120%;max-width:820px;margin-left:-7%;aspect-ratio:1612/976}
}
@media(min-width:761px) and (max-width:1100px){
 .theme-home .spot-feature-copy h1{font-size:54px}
 .theme-home .spotlight .spot-panel>.spot-laptop{width:108%;margin-left:-4%}
 .theme-home .spot-feature-copy p,.theme-home [data-featured-app=calculator365] .spot-feature-copy p{font-size:16px}
}
@media(min-width:761px) and (max-width:999px){
 .theme-home .spot-feature-copy h1{font-size:48px}
}
@media(min-width:901px) and (max-width:999px){
 .theme-home .spot-feature-copy,.theme-home [data-featured-app=calculator365] .spot-feature-copy,.theme-home [data-featured-app=paperscan365] .spot-feature-copy{padding-top:clamp(67px,calc(467px - 40vw),95px)!important}
}
@media(max-width:760px){
 .theme-home .spotlight-stage{padding-top:24px}
 .theme-home .spot-feature{display:flex;flex-direction:column}
 .theme-home .spot-feature-index{position:relative;order:2;left:auto;bottom:auto;width:100%;padding:8px 18px;min-height:54px}
 .theme-home .spot-panel{display:flex;flex-direction:column;align-items:stretch;order:1;padding:0 0 10px;gap:20px}
 .theme-home .spot-feature-copy,.theme-home [data-featured-app=calculator365] .spot-feature-copy,.theme-home [data-featured-app=paperscan365] .spot-feature-copy{display:block;width:100%;max-width:540px;padding:12px 0 0!important;order:0}
 .theme-home .spot-feature-copy h1{font-size:clamp(43px,9vw,60px);line-height:1.06;margin-top:23px}
 .theme-home .spot-feature-copy p,.theme-home [data-featured-app=calculator365] .spot-feature-copy p{font-size:16px;margin-top:20px}
 .theme-home .spot-feature-actions,.theme-home [data-featured-app=calculator365] .spot-feature-actions{margin-top:23px}
 .theme-home .spotlight .spot-panel>.spot-device,.theme-home .spotlight .spot-panel>.spot-feature-calculator,.theme-home .spotlight .spot-panel>.spot-feature-scanner{position:relative;inset:auto!important;order:1;width:100%;height:300px;max-width:580px;margin:0 auto}
 .theme-home .spotlight .spot-panel>.spot-feature-calculator,.theme-home .spotlight .spot-panel>.spot-feature-scanner{width:min(100%,360px)}
}
@media(max-width:600px){.theme-home .spotlight .spot-panel>.spot-device,.theme-home .spotlight .spot-panel>.spot-feature-calculator,.theme-home .spotlight .spot-panel>.spot-feature-scanner{height:250px}}
/* Match the product page: store first, Explore alongside, platform below. */
.theme-home [data-featured-app=m-launcher] .spot-feature-actions .store-badge{min-height:40px;padding:0}
.theme-home [data-featured-app=m-launcher] .spot-feature-actions .store-badge img{height:40px!important;width:auto!important}
.theme-home .spot-explore-secondary{display:inline-flex;align-items:center;gap:12px;min-height:40px;font-size:14px;font-weight:600;color:var(--ink)}
.theme-home .spot-explore-secondary:hover{text-decoration:underline;text-underline-offset:4px}
.theme-home [data-featured-app=m-launcher] .spot-feature-copy>.spot-platform-note{display:block;margin-top:14px}
/* Give the collection room below the featured product. */
@media(min-width:761px){
 .theme-home .spot-panel{min-height:590px}
 .theme-home .spot-feature-copy,.theme-home [data-featured-app=calculator365] .spot-feature-copy,.theme-home [data-featured-app=paperscan365] .spot-feature-copy{padding-bottom:40px!important}
 .theme-home .spotlight .spot-collection{margin-top:90px}
 .theme-home .spotlight .spot-app-link>.spot-coming{display:inline-flex}
}