.page-intro{padding:100px 7% 70px;max-width:1450px;margin:auto}.page-intro h1{max-width:1000px;font-size:clamp(48px,6vw,92px)}.lede{max-width:620px;font-size:20px;line-height:1.8;color:var(--muted);margin:32px 0 0}.header nav a[aria-current=page]{border-bottom:1px solid white;padding-bottom:8px}.cropped-editorial{display:flex;align-items:center;gap:7%}.editorial-side{width:35%;padding-right:4%}.editorial-side h2{font-size:clamp(34px,3.5vw,55px)}.editorial-side>p:not(.eyebrow){font-size:16px;line-height:1.9;color:var(--muted);margin:25px 0 0}.screen{margin:0}.expand-shot{border:0;padding:0;display:block;width:100%;background:#1B242A;color:white;cursor:zoom-in;text-align:left;overflow:hidden}.expand-shot img{width:100%;height:auto;display:block}.expand-shot>span{display:block;padding:16px 22px;font-size:12px;letter-spacing:.06em;text-align:right}.screen .expand-shot{border:1px solid #dce0e3;border-radius:8px;box-shadow:0 20px 60px #1B242A12}.product-preview .screen{margin-top:45px}.section-nav{display:flex;gap:45px;margin:0 7%;padding:25px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font-size:14px}.section-nav a:hover{text-decoration:underline}.feature-section{padding-top:80px;padding-bottom:65px}.feature-heading{max-width:700px;margin-bottom:35px}.feature-heading>p:last-child{font-size:17px;line-height:1.8;color:var(--muted);margin:25px 0 0}.page-intro+.screen{margin:0 5%}.editorial-links{max-width:1100px;margin:0;text-align:left}.editorial-links>p:not(.eyebrow){color:var(--muted);margin-top:25px;line-height:1.8}.mag-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding:0 7% 50px}.cover{background:#F4F5F6;color:var(--ink)}.cover img{aspect-ratio:2/3;object-fit:contain}.mag-grid .eyebrow{margin:25px 0 14px;font-size:11px}.mag-grid h2{font-size:28px;line-height:1.3;letter-spacing:-.035em}.journal-cta{text-align:center}.journal-cta p{margin:25px 0;color:var(--muted)}dialog.image-dialog{border:0;padding:55px 20px 20px;background:#1B242A;width:96vw;max-width:1800px;max-height:95vh;color:white}dialog.image-dialog::backdrop{background:#10171dec}.image-dialog img{display:block;max-width:100%;max-height:80vh;object-fit:contain;margin:auto}.image-dialog button{position:absolute;right:15px;top:10px;border:1px solid #ffffff80;color:white;background:transparent;padding:8px 16px;cursor:pointer}.image-dialog p{text-align:center;font-size:13px;margin:15px 0 0}
@media(max-width:760px){.header{height:auto;min-height:86px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px;gap:18px}.header nav{display:flex;order:3;width:100%;justify-content:space-between;font-size:12px;gap:15px}.page-intro{padding:60px 7% 45px}.page-intro h1{font-size:48px}.lede{font-size:17px}.cropped-editorial{display:block}.cropped-editorial figure{width:85%}.editorial-side{width:auto;padding:35px 7%}.section-nav{gap:0;justify-content:space-between}.feature-section{padding-top:50px;padding-bottom:30px}.feature-heading h2{font-size:36px}.mag-grid{grid-template-columns:1fr;gap:45px;padding:0 7%}.mag-grid article{max-width:480px;margin:auto}.expand-shot>span{padding:13px;font-size:11px}.image-dialog{width:100vw}.screen .expand-shot{border-radius:3px}}

.benefit-band{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;padding-top:65px;padding-bottom:70px}.benefit-band>div{border-top:1px solid var(--rule);padding-top:25px}.benefit-band span{font-size:11px;letter-spacing:.12em;color:var(--muted)}.benefit-band h3{font-size:22px;font-weight:500;letter-spacing:-.035em;margin:28px 0 15px}.benefit-band p{font-size:15px;line-height:1.9;color:var(--muted)}.membership{display:grid;grid-template-columns:1.25fr 1fr;gap:10%;align-items:center;background:#F4F5F6;max-width:none}.membership>div>p:not(.eyebrow){font-size:17px;line-height:1.9;max-width:470px;margin:30px 0 0;color:var(--muted)}.membership-card{padding:45px;background:white;border:1px solid var(--rule)}.membership-card h3{font-size:32px;font-weight:500;line-height:1.3;letter-spacing:-.045em}.membership-card ul{padding:0;list-style:none;margin:28px 0 35px}.membership-card li{padding:15px 0;border-bottom:1px solid var(--rule);font-size:14px;line-height:1.6}.membership-card .button{width:100%;gap:15px}.product-preview{padding-top:60px}.hero-scene{margin-left:0;margin-right:0}.header{position:relative}.header a{transition:background .2s,color .2s}@media(max-width:760px){.benefit-band{grid-template-columns:1fr;gap:24px;padding-top:35px;padding-bottom:35px}.membership{grid-template-columns:1fr;gap:35px}.membership-card{padding:28px}.membership-card h3{font-size:30px}.hero-scene{margin:0}.benefit-band h3{margin-top:20px}}

.store-choices{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.store-choices .button{width:auto;flex:1;justify-content:center;white-space:nowrap}.closing .store-choices .button{background:white;color:#1B242A;border-color:white}.membership-card .store-choices{display:grid;grid-template-columns:1fr}.closing .store-choices{max-width:500px}

.office-perspective{margin:0;width:100%;height:clamp(320px,42vw,640px);overflow:hidden}.office-perspective img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%}

/* Alternating brand surfaces on the home page. */
body:has(.membership) .workspace.section{background:#2B3036;color:#fff;max-width:none;padding-bottom:65px}
body:has(.membership) .workspace .soft{color:#BCC2C7}
body:has(.membership) .workspace .section-heading>p,body:has(.membership) .workspace .section-aside{color:#D1D5D8}
body:has(.membership) .product-preview{background:#2B3036;color:#fff;max-width:none;padding-top:90px}
body:has(.membership) .product-preview .soft{color:#BCC2C7}
body:has(.membership) .product-preview .section-heading>p{color:#D1D5D8}
body:has(.membership) .nova{background:#fff;color:#2B3036;margin-top:0}
body:has(.membership) .nova .eyebrow{color:#666D74}
body:has(.membership) .nova .nova-soft{color:#747C83}
body:has(.membership) .nova .nova-text-only>p:not(.eyebrow){color:#666D74}
body:has(.membership) .editorial-links{background:#1B242A;color:#fff;max-width:none}
body:has(.membership) .editorial-links .soft{color:#BCC2C7}
body:has(.membership) .editorial-links>p:not(.eyebrow){color:#D1D5D8}
body:has(.membership) .membership{background:#fff}
@media(max-width:760px){body:has(.membership) .workspace.section{padding-bottom:45px}body:has(.membership) .product-preview{padding-top:60px}}

.subscription-note{font-size:14px;line-height:1.8;color:#666D74;margin:0 0 26px}.header nav{gap:24px}@media(max-width:900px){.header nav{gap:14px;font-size:12px}}@media(max-width:760px){.header nav{flex-wrap:wrap;justify-content:flex-start;gap:14px 22px}}

.editorial-links{display:flow-root;padding-top:90px;padding-bottom:90px}.home-cover{float:right;width:29%;max-width:340px;margin:-20px 7% -20px 45px;transform:rotate(3deg);box-shadow:0 20px 50px #0004;transition:transform .25s}.home-cover:hover{transform:rotate(0)}.home-cover img{display:block;width:100%;height:auto}.questions{display:grid;grid-template-columns:1fr 1.2fr;gap:9%;border-top:1px solid var(--rule)}.questions h2{font-size:clamp(35px,4vw,58px)}.question-list details{border-bottom:1px solid var(--rule)}.question-list summary{list-style:none;display:flex;gap:25px;justify-content:space-between;align-items:center;padding:25px 0;cursor:pointer;font-size:16px;font-weight:500;line-height:1.6}.question-list summary::-webkit-details-marker{display:none}.question-list summary:after{content:'+';font-size:24px;font-weight:400}.question-list details[open] summary:after{content:'−'}.question-list p{font-size:15px;line-height:1.9;color:var(--muted);margin:0 0 25px}.question-list a{text-decoration:underline;text-underline-offset:4px}.question-list summary:focus-visible{outline:2px solid #747D86;outline-offset:4px}@media(max-width:760px){.home-cover{float:none;width:55%;margin:0 0 45px 20%;max-width:250px}.editorial-links{padding-top:65px;padding-bottom:65px}.questions{grid-template-columns:1fr;gap:30px}.question-list summary{font-size:15px;padding:20px 0}.header nav{font-size:11px;gap:15px;justify-content:space-between}}@media(prefers-reduced-motion:reduce){.home-cover{transition:none}}

[hidden]{display:none!important}.section-nav{gap:10px;flex-wrap:wrap;border:0;padding:10px;background:#F4F5F6}.section-nav a{padding:14px 22px;flex:1;text-align:center;border:1px solid transparent}.section-nav a[aria-selected=true]{background:#1B242A;color:white}.section-nav a:hover{text-decoration:none;border-color:#AAB0B5}.feature-section[role=tabpanel]{padding-top:50px;min-height:650px}.feature-section[role=tabpanel] .feature-heading{max-width:900px}.feature-section[role=tabpanel] h2{font-size:clamp(34px,4vw,58px)}@media(max-width:760px){.section-nav{gap:6px;margin:0 5%;padding:8px}.section-nav a{flex:1 0 25%;font-size:12px;padding:12px 8px}.feature-section[role=tabpanel]{min-height:0;padding-top:35px}}

.paragraph-lead{display:block;margin-bottom:14px;font-weight:500;color:#fff}

.hero-scene:after{background:linear-gradient(90deg,rgba(27,36,42,.88),rgba(27,36,42,.55) 36%,transparent 76%)}.hero-scene .scene-label{top:50%;transform:translateY(-50%);max-width:550px;width:43%}.scene-intro-title{font-size:clamp(32px,3.5vw,54px);margin:22px 0}.hero-scene .scene-label .scene-intro{font-size:17px;line-height:1.8;letter-spacing:0;margin:0}.hero-scene .scene-index{bottom:22px}@media(max-width:760px){.hero-scene .scene-label{width:84%;max-width:none;left:8%}.hero-scene .scene-label .scene-intro{font-size:15px;line-height:1.75}.scene-intro-title{font-size:32px;margin:16px 0}.hero-scene{min-height:460px}.hero-scene:after{background:linear-gradient(90deg,#1B242Ae8,#1B242A80)}}

@media(min-width:761px){.questions{grid-template-columns:1.2fr 1fr}.questions>div:first-child{grid-column:2;grid-row:1}.questions>.question-list{grid-column:1;grid-row:1}}

.section-divider{height:90px;width:100%;background:#2B3036}.section-divider+.questions{border-top:0}@media(max-width:760px){.section-divider{height:60px}}

.section-divider.quote-band{height:auto;min-height:300px;padding:75px 7%;display:flex;align-items:center;justify-content:space-between;gap:40px;color:#fff}.quote-band blockquote{margin:0;font-size:clamp(34px,4vw,60px);line-height:1.15;font-weight:500;letter-spacing:-.045em}.quote-band blockquote span{color:#BCC2C7}.quote-band>p{margin:0;font-size:12px;letter-spacing:.2em}@media(max-width:760px){.section-divider.quote-band{min-height:250px;padding:55px 7%;display:block}.quote-band>p{margin-top:30px}}

/* Embedded Nova conversation, framed like the app's home chat panel. */
body:has(.membership) .nova-live-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:6%;align-items:center}
.nova-live-section .nova-text-only{max-width:520px}
.nova-live-room{min-width:0;padding:40px 24px 20px;background:linear-gradient(#1b242a30,#1b242a50),url('assets/workspace.jpg') center/cover;border-radius:18px}
.nova-live-panel{overflow:hidden;border:1px solid #c9ced2;border-radius:17px;background:#2b3036e8;box-shadow:0 24px 60px #0004;backdrop-filter:blur(18px)}
.nova-live-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 23px;background:#1d282e;color:white;border-bottom:1px solid #ffffff24;font-size:25px;font-weight:700}
.nova-live-badge{font-size:9px;letter-spacing:.1em;border:1px solid #354760;border-radius:20px;padding:8px 12px;background:#091324}
.nova-live-chat{display:block;width:100%;height:580px;border:0;background:#2b3036;color-scheme:normal}
.nova-chat-fallback{display:block;text-align:center;color:white;font-size:11px;padding-top:16px;text-shadow:0 1px 5px #000}
.hero-scene .scene-label{left:auto;right:7%;text-align:right}
.hero-scene:after{background:linear-gradient(270deg,rgba(27,36,42,.88),rgba(27,36,42,.55) 36%,transparent 76%)}
@media(max-width:760px){body:has(.membership) .nova-live-section{grid-template-columns:1fr;gap:32px}.nova-live-room{padding:20px 10px 16px}.nova-live-chat{height:520px}.nova-live-header{padding:14px 17px}.hero-scene .scene-label{left:auto;right:8%}}

/* Give Nova a full half-section photographic setting. */
body:has(.membership) .nova-live-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;padding:0;max-width:none;align-items:stretch}
.nova-live-section .nova-text-only{align-self:center;justify-self:center;box-sizing:border-box;width:100%;max-width:640px;padding:70px 12%}
.nova-live-section .nova-live-room{display:flex;flex-direction:column;justify-content:center;border-radius:0;padding:80px 9% 50px;background:linear-gradient(#1b242a15,#1b242a40),url('assets/boardroom-clean.jpg') center/cover}
.nova-live-section .nova-live-panel{width:100%;max-width:560px;margin:0 auto}
@media(max-width:760px){body:has(.membership) .nova-live-section{grid-template-columns:1fr}.nova-live-section .nova-text-only{padding:55px 8%}.nova-live-section .nova-live-room{padding:55px 7% 35px}}

/* Show only the right-hand, text-free portion of the supplied office image. */
.nova-live-section .nova-live-room{position:relative;isolation:isolate;overflow:hidden;background:#2b3036}
.nova-live-section .nova-live-room:before{content:"";position:absolute;inset:0 0 0 auto;width:200%;z-index:-1;background:url('assets/nova-office-original.png') right center/cover no-repeat}

/* HomePage.jsx / StickyPanelHeader.jsx, Dark-Material: NovaPanelV2 chrome. */
.nova-live-panel{display:flex;flex-direction:column;min-height:0;box-sizing:border-box;border-radius:14px;background:rgba(40,42,54,.78);border:1px solid rgba(255,255,255,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 22px rgba(0,0,0,.24);overflow:hidden}
.nova-live-header{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:7px 18px;background:#1E272C;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #37474F;min-height:50px;box-sizing:border-box}
.nova-live-header>span:first-child{font-size:24px;font-weight:800;color:#fff;letter-spacing:.5px;font-family:Montserrat,-apple-system,sans-serif;margin-left:8px}
.nova-live-badge{background:rgba(10,5,30,.85);border:1.5px solid rgba(14,165,233,.4);box-shadow:0 0 8px rgba(14,165,233,.15);border-radius:14px;padding:3px 10px;color:rgba(255,255,255,.85);font-size:11px;font-weight:700;font-family:Montserrat,-apple-system,sans-serif;letter-spacing:normal;text-decoration:none}
.nova-live-chat{background:transparent;flex:1;min-height:580px}
@media(max-width:760px){.nova-live-chat{min-height:520px}}

.nova-composer{flex-shrink:0;padding:8px 14px 10px;background:#1E272C;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08)}
.nova-composer-field{display:flex;align-items:center;gap:10px;padding:12px 8px;background:#0D131A;border:1px solid rgba(255,255,255,.25);border-radius:12px;min-height:66px;box-sizing:border-box}
.nova-composer textarea{flex:1;min-width:0;resize:none;border:0;outline:none;background:transparent;color:#fff;font:16px/1.5 Montserrat,sans-serif;padding:5px 0;max-height:120px}
.nova-composer textarea::placeholder{color:rgba(255,255,255,.9)}
.nova-composer button{display:flex;align-items:center;justify-content:center;flex-shrink:0;border:0;padding:0;cursor:default}
.nova-add{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);color:#adb2b8;font-size:23px}
.nova-image{background:transparent;color:#adb2b8;width:24px;height:32px}
.nova-send{width:32px;height:32px;border-radius:9px;background:#fff;color:#111}
.nova-connection-note{display:block;color:#adb2b8;font:10px/1.4 Montserrat,sans-serif;text-align:center;margin-top:6px}
.nova-live-panel>.nova-live-chat{min-height:480px;height:480px}
@media(max-width:760px){.nova-live-panel>.nova-live-chat{min-height:380px;height:380px}}

/* Requested home-page contrast, alignment and card refinements. */
.hero-scene:after{background:linear-gradient(270deg,rgba(27,36,42,.96) 0%,rgba(27,36,42,.80) 38%,rgba(27,36,42,.30) 65%,transparent 85%)}
#workspace .section-heading{transform:translateY(-22px)}
.product-preview .section-heading>h2{transform:translateY(-18px)}
.membership .membership-card{background:#2B3036;color:#fff;border-color:#2B3036}
.membership .membership-card .eyebrow,.membership .membership-card>p:not(.eyebrow),.membership .membership-card h3,.membership .membership-card li{color:#fff}
.membership .membership-card li{border-bottom-color:rgba(255,255,255,.24)}
.membership .membership-card .button{background:#fff;color:#2B3036;border-color:#fff}
.membership .membership-card .button:hover{background:#e8eaec;color:#2B3036}
@media(min-width:761px){.questions>div:first-child{align-self:center}.editorial-links{text-align:right}.editorial-links>.eyebrow{justify-content:flex-end}.editorial-links>.home-cover{float:left;margin:-20px 45px -20px 7%}}
@media(max-width:760px){#workspace .section-heading{transform:translateY(-12px)}.product-preview .section-heading>h2{transform:translateY(-10px)}}

.questions>div:first-child{text-align:right}.questions>div:first-child>.eyebrow{justify-content:flex-end}.questions h2{font-size:clamp(42px,4.8vw,72px);line-height:1.08}
@media(max-width:760px){.questions h2{font-size:clamp(38px,8vw,54px)}}

@media(min-width:761px){.editorial-links>h2{transform:translateX(-24px)}}

.section-nav a{background:#2B3036;color:#fff}.section-nav a[aria-selected="true"]{background:#1B242A;color:#fff;border-color:#747C83}.section-nav a:hover{background:#424950;color:#fff}

/* Full-width setting behind the existing workspace screenshots. */
.workspace-stage{position:relative;isolation:isolate;padding:64px 0}
.workspace-stage::before{content:none}
@media(max-width:760px){.workspace-stage{padding:32px 0}}

.nova-full-scene{min-height:100svh;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:64px 7%;background:url('assets/nova-full-office.png') center/cover no-repeat}
.nova-full-scene .nova-live-panel{width:100%;max-width:610px}
@media(max-width:760px){.nova-full-scene{padding:40px 5%}}

.workspace-stage .screen{width:90%;margin:0 auto}

.tour-heading{max-width:1600px;box-sizing:border-box;margin:0 auto;padding:30px 7% 0}.tour-heading .feature-heading{margin-bottom:28px;max-width:900px}.tour-heading h2{font-size:clamp(34px,4vw,58px)}
.section-nav:has(+.feature-section){margin-bottom:0}
.feature-section[role=tabpanel]{padding-top:0}

body:has(.section-nav) .page-intro{padding-bottom:24px}
.tour-heading{padding-top:0}
.tour-heading .feature-heading{margin-bottom:18px}

.nova-full-scene .nova-live-panel{max-width:820px;margin-inline:auto}

body:has(.nova-full-scene) .page-intro{text-align:center}
body:has(.nova-full-scene) .page-intro h1,body:has(.nova-full-scene) .page-intro .lede{margin-left:auto;margin-right:auto}
body:has(.nova-full-scene) .page-intro .eyebrow{justify-content:center}

.nova-section-divider{width:100%;height:110px;background:#2B3036}
@media(max-width:760px){.nova-section-divider{height:72px}}

.nova-full-scene + .section{padding-top:32px}
.nova-full-scene + .section .principle-grid{margin-top:0}

.nova-day-heading{margin-left:auto;text-align:right}
.nova-day-heading .eyebrow{justify-content:flex-end}

.product-preview .section-heading>h2{transform:translateY(-32px)}
.product-preview .section-heading>p{text-align:right;color:#fff;font-weight:600}
@media(max-width:760px){.product-preview .section-heading>h2{transform:translateY(-20px)}}

.editorial-links>.home-cover{transform:rotate(-3deg)}
@media(min-width:761px){.editorial-links>h2{transform:translateX(-44px)}}

#membership.membership{padding-top:0;padding-bottom:0}
body .product-preview .section-heading>p{color:#fff}

body:has(.membership) .product-preview .section-heading>p{color:#fff}

#membership .membership-card{background:#1B242A;border-color:#1B242A}
#membership + .quote-band{background:#1B242A}
@media(min-width:761px){#membership .membership-card{width:calc(100% + 32px);box-sizing:border-box}}

@media(min-width:761px){.editorial-links>h2{transform:translate(-76px,20px)}}

#membership.membership{padding-top:24px;padding-bottom:24px}

body:has(.membership) .workspace.section,body:has(.membership) .product-preview{background:#1B242A}

.mobile-showcase{background:#1B242A;color:#fff;max-width:none}
.mobile-showcase .feature-heading{margin-bottom:40px}.mobile-showcase .feature-heading>p:last-child{color:#d1d5d8}
.mobile-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1376px;margin:auto}
.mobile-showcase-grid .expand-shot{border:1px solid #ffffff30;border-radius:8px;align-self:start}
.mobile-showcase-grid img{height:auto;width:100%}
@media(max-width:600px){.mobile-showcase-grid{grid-template-columns:1fr;gap:24px}}

/* Blue title accents from the iPad showcase artwork. */
body:has(.membership) .workspace .soft,body:has(.membership) .product-preview .soft,body:has(.membership) .editorial-links .soft,.quote-band blockquote span{color:#00B9EF}

.mag-grid img[src="assets/mag-golf.png"]{box-sizing:border-box;padding-inline:6%}

/* Softer corners for desktop workspace screenshots across pages. */
.screen .expand-shot{border-radius:20px;overflow:hidden}
.screen .expand-shot img{border-radius:19px 19px 0 0}

.screen .desktop-image-crop{overflow:hidden;border-radius:19px 19px 0 0}
.screen .desktop-image-crop img{margin-top:-2%;border-radius:0}

.nova-dark-divider{background:#1B242A}

.nova-section-divider{background:#1B242A}

body:has(.mag-grid) .closing{width:100%;max-width:none;margin-left:0;margin-right:0}

.nova-thought{height:auto;min-height:180px;padding:38px 7%;box-sizing:border-box;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:32px}.nova-thought h2{font-size:clamp(30px,4vw,52px)}.nova-thought p{max-width:420px;line-height:1.8;color:#fff}@media(max-width:760px){.nova-thought{display:block}.nova-thought p{margin-top:20px}}
.tour-heading:empty{display:none}

.nova-live-panel>.nova-live-chat{overflow-y:auto;box-sizing:border-box;padding:20px;flex:none}.nova-message{padding:14px 16px;margin:0 0 16px;max-width:85%;white-space:pre-wrap;font:16px/1.65 Montserrat,sans-serif;border-radius:14px;color:white;background:#10182b}.nova-message.user{width:fit-content;max-width:78%;margin-left:auto;background:#f2f0eb;color:#1b242a}.nova-send:not(:disabled){cursor:pointer}

.mac-workspace-promo{width:100%;margin:0}.mac-workspace-promo img{display:block;width:100%;height:auto}

.mac-workspace-promo{padding-top:80px;background:#fff}
@media(max-width:600px){.mac-workspace-promo{padding-top:60px}}

.screen .desktop-image-crop.desktop-promo img{margin-top:0}

.feature-section[role="tabpanel"]{padding-left:0;padding-right:0;max-width:none;width:100%}.workspace-stage{padding:0}.workspace-stage .screen{width:100%;margin:0}

.tour-heading{display:none}

.feature-section[role="tabpanel"]>.feature-heading{margin:32px 7% 0 auto;max-width:900px;text-align:right;padding-left:7%}

.feature-section[role="tabpanel"]>.feature-heading>.eyebrow{display:block;width:100%;text-align:right;margin-left:auto;margin-right:0}

.closing{width:100%;max-width:none;margin-left:0;margin-right:0}

.nova-live-section .nova-text-only h2,.nova-live-section .nova-text-only>p:not(.eyebrow){text-align:left}
body:has(.nova-full-scene) .page-intro{padding:28px 7%;max-width:none}
body:has(.nova-full-scene) .page-intro h1{font-size:clamp(40px,4vw,58px);margin-top:10px}
body:has(.nova-full-scene) .page-intro .eyebrow{margin:0}
body:has(.nova-full-scene) .page-intro .lede{max-width:960px;font-size:17px;line-height:1.6;margin-top:16px}

.nova-message{overflow-wrap:anywhere;text-align:left}

/* Fit Nova replies to their content, with clear white bold text. */
.nova-message.assistant{width:fit-content;max-width:85%;color:#fff;font-weight:700}

/* Nova identity and pending reply indicator. */
.nova-message.assistant{position:relative;margin-left:32px;max-width:calc(85% - 32px)}
.nova-message.assistant:before{content:"";position:absolute;left:-32px;top:14px;width:23px;height:23px;background:url('assets/nova-brain.svg') center/contain no-repeat}
.nova-message.nova-typing{display:flex;align-items:center;gap:5px;min-height:50px;padding:18px 16px}
.nova-typing>span{display:block;width:6px;height:6px;border-radius:50%;background:#fff;animation:nova-dot-bounce 1.2s ease-in-out infinite}
.nova-typing>span:nth-child(2){animation-delay:.15s}
.nova-typing>span:nth-child(3){animation-delay:.3s}
@keyframes nova-dot-bounce{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}
@media(prefers-reduced-motion:reduce){.nova-typing>span{animation:none;opacity:1}}

/* Keep the white gap between the reordered opening images. */
.hero>.mac-workspace-promo{padding-top:0;padding-bottom:80px}
@media(max-width:600px){.hero>.mac-workspace-promo{padding-bottom:60px}}

/* Landing introduction relocated onto the closing photograph. */
body:has(.closing-with-intro) .hero-copy{grid-template-columns:1fr}
.closing-with-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:6%;align-items:center}
.closing-with-intro .closing-overlay{background:linear-gradient(90deg,#1B242Ae0,#1B242Abd)}
.closing-intro{position:relative;z-index:1;color:#fff;font-size:20px;line-height:1.75}
.closing-intro .secondary{font-size:16px;line-height:1.8;color:#fff;margin:24px 0}
.closing-intro .button{border-color:#ffffff70}
@media(max-width:900px){.closing-with-intro{grid-template-columns:1fr;gap:42px}.closing-intro{max-width:540px}.closing-with-intro h2{font-size:clamp(40px,6vw,64px)}}

/* Lead with the product photograph, followed immediately by its quote. */
body:has(.closing-with-intro) .hero{padding-top:0}
body:has(.closing-with-intro) .hero>.mac-workspace-promo{padding:0}
body:has(.closing-with-intro) .hero-copy{padding:48px 7%;max-width:none;background:#fff}
body:has(.closing-with-intro) .hero-copy .eyebrow{display:none}
body:has(.closing-with-intro) .hero-copy h1{font-size:clamp(36px,4.5vw,68px)}
@media(max-width:600px){body:has(.closing-with-intro) .hero-copy{padding:32px 7%}}

/* Landing spacing and type refinements. */
body:has(.closing-with-intro) .hero-copy{padding-top:80px;padding-bottom:80px}
body:has(.closing-with-intro) .scene-intro-title{font-size:clamp(38px,4.2vw,64px)}
body:has(.closing-with-intro) .hero-scene .scene-label .scene-intro{font-size:20px;line-height:1.75}
body:has(.closing-with-intro) #workspace .section-heading>h2{transform:translateY(-20px)}
@media(max-width:760px){body:has(.closing-with-intro) .hero-scene .scene-label .scene-intro{font-size:17px}body:has(.closing-with-intro) #workspace .section-heading>h2{transform:translateY(-10px)}}
@media(max-width:600px){body:has(.closing-with-intro) .hero-copy{padding-top:56px;padding-bottom:56px}}

/* Compact perspective strip and reversed membership columns. */
.editorial-links.editorial-strip{padding:42px 7%;min-height:0;text-align:right}
.editorial-strip>.eyebrow{justify-content:flex-end;margin-bottom:16px}
.editorial-links.editorial-strip>h2{transform:none}
.editorial-strip>p:not(.eyebrow){margin:16px 0 0}
.editorial-strip>.text-link{margin-top:8px;padding:12px 0}
#membership .membership-copy{text-align:right}
#membership .membership-copy>.eyebrow{justify-content:flex-end}
#membership .membership-copy>p:not(.eyebrow){margin-left:auto}
@media(min-width:761px){#membership.membership{grid-template-columns:1fr 1.25fr}#membership .membership-card{grid-column:1;grid-row:1;width:100%}#membership .membership-copy{grid-column:2;grid-row:1}}
@media(max-width:760px){.editorial-links.editorial-strip{padding:32px 7%}}

/* Larger membership copy with additional white space around the section. */
#membership.membership{padding-top:64px;padding-bottom:64px}
#membership .membership-copy h2{font-size:clamp(44px,5vw,78px)}
#membership .membership-copy>p:not(.eyebrow){font-size:21px;line-height:1.8;max-width:550px}
/* Body copy on white surfaces; heading and dark-surface colors stay intact. */
body .page-intro>p:not(.eyebrow),
body .benefit-band p,
body .principle-grid p,
body .editorial-side>p:not(.eyebrow),
body .feature-section .feature-heading>p:not(.eyebrow),
body .journal-cta p,
body .platform-strip>p,
body .question-list details p,
body .footer-top>p,
body:has(.membership) .nova .nova-text-only>p:not(.eyebrow),
body #membership .membership-copy>p:not(.eyebrow){color:#000}
@media(max-width:760px){#membership.membership{padding-top:48px;padding-bottom:48px}#membership .membership-copy>p:not(.eyebrow){font-size:19px}}

/* Comfortable reading size for primary body copy. */
body .section-heading>p,
body .benefit-band p,
body .principle-grid p,
body .editorial-side>p:not(.eyebrow),
body .feature-heading>p:not(.eyebrow),
body .page-intro .lede,
body .editorial-links>p:not(.eyebrow),
body .journal-cta p,
body .question-list details p,
body:has(.membership) .nova .nova-text-only>p:not(.eyebrow),
body .membership .membership-card>p:not(.eyebrow),
body .membership-card li,
body .closing-intro .secondary{font-size:20px;line-height:1.8}
body #membership .membership-copy>p:not(.eyebrow){font-size:23px;line-height:1.8}
@media(max-width:760px){body .section-heading>p,body .benefit-band p,body .principle-grid p,body .editorial-side>p:not(.eyebrow),body .feature-heading>p:not(.eyebrow),body .page-intro .lede,body .editorial-links>p:not(.eyebrow),body .journal-cta p,body .question-list details p,body:has(.membership) .nova .nova-text-only>p:not(.eyebrow),body .membership .membership-card>p:not(.eyebrow),body .membership-card li,body .closing-intro .secondary{font-size:18px}body #membership .membership-copy>p:not(.eyebrow){font-size:21px}}

.mac-workspace-promo video{display:block;width:100%;height:auto;object-fit:contain}

/* Trim 1.5% from each vertical edge of the hero video. */
.mac-workspace-promo.landing-video{aspect-ratio:auto;overflow:hidden}
.mac-workspace-promo.landing-video video{display:block;width:100%;height:auto;object-fit:contain;object-position:center}

.nova-feature-video{width:100%;background:#1B242A}.nova-feature-video video{display:block;width:100%;height:auto}

/* Thin grey separators adjoining the two videos. */
.hero>.landing-video+.mac-workspace-promo{border-top:50px solid #2B3036}
.nova-feature-video{border-top:50px solid #2B3036}

/* Give the Nova video breathing room without cropping its frame. */
.nova-feature-video{background:#2B3036;padding:0 7% 40px}
.nova-feature-video video{width:85%;max-width:1200px;height:auto;margin:0 auto;object-fit:contain}
@media(max-width:760px){.nova-feature-video{padding:0 5% 24px}.nova-feature-video video{width:100%}}

/* Meet Nova introduction matches the spacious landing quote strip. */
body:has(.nova-full-scene) .page-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:7%;align-items:center;padding:80px 7%;min-height:306px;text-align:left}
body:has(.nova-full-scene) .page-intro .eyebrow{grid-column:1;grid-row:1;align-self:end;justify-content:flex-start;margin:0 0 18px}
body:has(.nova-full-scene) .page-intro h1{grid-column:1;grid-row:2;align-self:start;font-size:clamp(36px,4.5vw,68px);margin:0}
body:has(.nova-full-scene) .page-intro .lede{grid-column:2;grid-row:1 / 3;max-width:none;margin:0;font-size:20px;line-height:1.8;text-align:left;color:#000}
@media(max-width:760px){body:has(.nova-full-scene) .page-intro{display:block;padding:56px 7%;min-height:0}body:has(.nova-full-scene) .page-intro .lede{margin-top:26px;font-size:18px}}

body:has(.nova-full-scene) .page-intro h1.nova-stacked-title{font-size:clamp(64px,6.5vw,100px);line-height:1.05;color:#2B3036;width:max-content;max-width:100%}
.nova-title-first,.nova-title-name{display:block}
.nova-title-prefix{display:inline-block}
.nova-title-name{padding-left:1.4em;color:#747C83}
body:has(.nova-full-scene) .page-intro .lede{text-align:right}

.nova-thought h2{color:#fff}.nova-thought h2>span{color:#00B9EF}
.nova-thought p{font-size:clamp(18px,1.7vw,24px);line-height:1.6;max-width:none;margin:0;text-align:right}
.nova-thought p>span{white-space:nowrap}
@media(max-width:760px){.nova-thought p{margin-top:20px;text-align:left}.nova-thought p>span{white-space:normal}}

/* Bring the Nova introduction toward the center. */
body:has(.nova-full-scene) .page-intro h1.nova-stacked-title{line-height:.92}
@media(min-width:761px){body:has(.nova-full-scene) .page-intro h1.nova-stacked-title,body:has(.nova-full-scene) .page-intro>.eyebrow{transform:translateX(24px)}body:has(.nova-full-scene) .page-intro .lede{transform:translateX(-96px)}}

.nova-feature-video{background:#1B242A;border-top-color:#1B242A}
.nova-feature-video video{border-radius:12px}

/* Slightly lift the landing quote within its dark section. */
body:has(.closing-with-intro) #workspace .section-heading>h2{transform:translateY(-34px)}
@media(max-width:760px){body:has(.closing-with-intro) #workspace .section-heading>h2{transform:translateY(-18px)}}

body:has(.closing-with-intro) #workspace .section-heading>p{text-align:right;justify-self:end}

/* Preserve the landing quote paragraph's original column position. */
body:has(.closing-with-intro) #workspace .section-heading>p{justify-self:stretch;text-align:right}
/* Lift the Writer quote slightly within its dark section. */
body:has(.closing-with-intro) .product-preview .section-heading>h2{transform:translateY(-52px)}
@media(max-width:760px){body:has(.closing-with-intro) .product-preview .section-heading>h2{transform:translateY(-28px)}}

/* Keep the right-aligned landing paragraph in its column with less wrapping. */
body:has(.closing-with-intro) #workspace .section-heading>p{max-width:460px;text-align:right;justify-self:stretch;transform:none}

/* Reduce Writer body-copy wrapping while preserving its current placement. */
body:has(.closing-with-intro) .product-preview .section-heading>p{max-width:510px;justify-self:stretch;transform:none}

/* Keep the landing-page Nova panel on white, without the office photo bleeding through. */
body:has(.closing-with-intro) .nova-live-section .nova-live-room{background:#fff}
body:has(.closing-with-intro) .nova-live-section .nova-live-room:before{content:none}
body:has(.closing-with-intro) .nova-live-section .nova-live-panel{background:#35363f}
@media(min-width:761px){body:has(.closing-with-intro) .editorial-links.editorial-strip{padding-right:10%}}
@media(min-width:761px){body:has(.closing-with-intro) .nova-live-section .nova-live-panel{transform:translateY(-18px)}}

/* Meet Nova: pair the thought copy on the left with a larger title on the right. */
@media(min-width:761px){
  .nova-thought{flex-direction:row-reverse}
  .nova-thought h2{font-size:clamp(44px,5vw,68px);text-align:right;transform:translateY(-14px)}
  .nova-thought p{text-align:left;transform:translateY(-14px)}
}

/* Magazine opens with the relocated video in the same dark frame. */
.magazine-feature-video{background:#1B242A;padding:40px 7%}
.magazine-feature-video video{display:block;width:85%;max-width:1200px;height:auto;margin:0 auto;object-fit:contain;border-radius:12px}
@media(max-width:760px){.magazine-feature-video{padding:24px 5%}.magazine-feature-video video{width:100%}}

/* Reduce the white footer's vertical whitespace across the site. */
footer{padding-top:34px;padding-bottom:20px}
.footer-top{padding-bottom:28px}
.footer-bottom{padding-top:16px}
@media(max-width:760px){footer{padding-top:30px;padding-bottom:18px}.footer-top{padding-bottom:22px}.footer-bottom{padding-top:14px}}

/* Magazine covers open their articles and lift gently on hover. */
.magazine-article-link{cursor:pointer;text-decoration:none}
.magazine-article-link img{transition:transform .25s ease}
.magazine-article-link:hover img,.magazine-article-link:focus-visible img{transform:scale(1.035)}
.magazine-article-link:focus-visible{outline:2px solid #00B9EF;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.magazine-article-link img{transition:none}}

.mag-grid h2{font-size:25px}

.mobile-showcase-grid .expand-shot img{transition:transform .25s ease}
.mobile-showcase-grid .expand-shot:hover img,.mobile-showcase-grid .expand-shot:focus-visible img{transform:scale(1.035)}
@media(prefers-reduced-motion:reduce){.mobile-showcase-grid .expand-shot img{transition:none}}

body:has(.mag-grid) .mag-grid{padding-bottom:28px}
body .journal-cta{max-width:none;width:100%;margin:0;background:#1B242A;color:#fff;padding:90px 7%;box-sizing:border-box}
body .journal-cta p{color:#fff}
body .journal-cta .button{background:#fff;color:#1B242A}
body .journal-cta h2{white-space:nowrap;font-size:clamp(32px,4vw,58px)}