/* Carry the established app-portal identity into product and account screens. */
.apps-page.suite-page{--panel:var(--surface);background:radial-gradient(ellipse at 86% 8%,#38bdf817,transparent 43%),radial-gradient(ellipse at 12% 37%,var(--glow),transparent 48%),var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;isolation:isolate}
.suite-page main,.suite-page .suite-nav{position:relative;z-index:1}.suite-page .suite-nav{border-color:var(--line);padding:26px 0}.suite-brand{display:flex;align-items:center;gap:18px}.suite-brand img{width:145px;height:auto;max-height:46px;object-fit:contain}.suite-brand span{font-size:14px;white-space:nowrap;font-weight:400;color:var(--muted)}.suite-page .suite-nav-account{border-radius:99px;background:linear-gradient(140deg,#ffffff0b,transparent);border-color:var(--line);padding:10px 19px;color:var(--ink)}
.suite-page h1{font-weight:650;letter-spacing:-.055em;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--ink) 78%,var(--muted)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.suite-page h2{font-weight:600;letter-spacing:-.04em}.suite-page .suite-eyebrow{font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.16em;color:var(--muted)}.suite-page .suite-button,.suite-page button:not(summary button){border-radius:99px}.suite-page .suite-card{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 94%,#fff 6%),var(--surface) 55%,color-mix(in srgb,var(--bg) 90%,var(--accent) 10%));border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 48px #0002;transition:border-color .25s,transform .25s,box-shadow .25s}.suite-page .suite-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 22px 54px #0004}.suite-page .suite-panel{background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--bg) 95%,var(--accent) 5%));border:1px solid var(--line);border-radius:28px;box-shadow:0 24px 70px #0003}.suite-page .suite-hero figure{position:relative;isolation:isolate;padding:18px 0}.suite-page .suite-hero figure:before,.suite-page .suite-hero figure:after{content:"";position:absolute;inset:-14% -6%;border:1px solid var(--line);border-radius:50%;transform:rotate(-22deg);z-index:-1;pointer-events:none}.suite-page .suite-hero figure:after{inset:-4% -14%;border-color:#38bdf824;transform:rotate(18deg)}.suite-page .suite-hero figure>img{border-radius:20px;box-shadow:0 30px 80px #0006;transform:perspective(1300px) rotateY(-4deg) rotateZ(-1deg)}.suite-page figure.suite-card{overflow:hidden;padding:18px}.suite-page figure.suite-card img{border-radius:12px}.suite-page figure.suite-card figcaption{padding:4px 12px 14px}.suite-page .suite-product img{width:72px;height:72px;border-radius:20px}.suite-page .suite-product{gap:18px}
.suite-portal .portal-intro{position:relative;padding-top:58px;gap:72px}.suite-portal .portal-welcome{position:relative;padding:12px 0 32px;isolation:isolate}.suite-portal .portal-welcome:before{content:"";position:absolute;inset:0 -42px -20px -100px;background:url('/apps/assets/suite-orbit.webp') center/contain no-repeat;opacity:.11;z-index:-1;pointer-events:none;mask-image:linear-gradient(#000,transparent 94%)}.suite-portal .portal-identity img{width:98px;height:98px;filter:drop-shadow(0 14px 28px #0007);border-radius:22px}.suite-portal .portal-identity{margin:28px 0}.suite-portal .portal-intro h1{max-width:15ch;font-size:clamp(2.6rem,4.9vw,4.5rem)}.suite-portal .portal-signin{position:relative;padding:34px 36px;border-radius:28px;box-shadow:0 30px 80px #0005;border-top-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.suite-portal .portal-signin:before{content:"";position:absolute;inset:-16px 28px auto;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.55}.suite-portal input{border-radius:12px;background:color-mix(in srgb,var(--bg) 85%,var(--surface));border-color:var(--line);padding:13px 15px}.suite-portal input:focus{border-color:var(--accent);outline-color:var(--accent)}.suite-portal button[type=submit],.suite-portal form>button{background:var(--accent);color:#111;border-radius:99px;box-shadow:0 8px 24px var(--glow);font-size:14px;font-weight:650}.suite-portal .portal-product-card{padding:28px}.suite-portal .portal-product-card>img{width:82px;height:82px;border-radius:20px;filter:drop-shadow(0 12px 18px #0004)}.suite-portal .portal-product-card>span{font-size:13px;font-weight:600;color:var(--accent)}.suite-portal .portal-benefits span{border:1px solid var(--line);border-radius:50%;width:27px;height:27px;display:inline-grid;place-items:center;margin-right:10px;background:#ffffff04}.suite-portal .portal-benefits p{line-height:1.7}.suite-page .starfield{position:fixed;inset:0;z-index:0;pointer-events:none}.suite-page .suite-grid{gap:24px}.suite-page .suite-collection,.suite-page .portal-collection{border-color:var(--line)}
@media(max-width:800px){.suite-portal .portal-intro{gap:30px}.suite-brand img{width:120px}.suite-brand{gap:12px}.suite-page .suite-nav nav{gap:15px}.suite-page .suite-hero figure{margin:15px 0 25px}.suite-page .suite-hero figure:before{inset:-8% 0}.suite-page .suite-hero figure:after{inset:2% -5%}}
@media(max-width:650px){.suite-portal .portal-intro{padding-top:24px}.suite-portal .portal-identity img{width:62px;height:62px;border-radius:16px}.suite-portal .portal-identity{margin:18px 0}.suite-portal .portal-welcome{padding-bottom:0}.suite-portal .portal-intro h1{font-size:2.55rem}.suite-portal .portal-signin{padding:26px}.suite-page .suite-nav-account{padding:7px 13px}.suite-portal .portal-welcome:before{inset:-20px -10px 0;opacity:.08}.suite-page .suite-product img{width:54px;height:54px}}
@media(prefers-reduced-motion:reduce){.suite-page *{animation:none!important;transition:none!important}.suite-page .suite-hero figure>img{transform:none}}
.apps-page.suite-page a.suite-button{color:#10141e}

/* App-specific experience stories share the suite's artwork and typography. */
.suite-section-nav{display:flex;gap:12px;flex-wrap:wrap;padding:20px 0;border-block:1px solid var(--line)}.suite-section-nav a{padding:8px 16px;border:1px solid var(--line);border-radius:40px;font-size:.84rem;text-decoration:none}.suite-explainer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;margin-top:42px}.suite-explainer{padding:30px 0;border-top:1px solid var(--line);min-width:0}.suite-explainer h3{font-size:1.3rem;line-height:1.35}.suite-explainer p{color:var(--muted);font-size:.96rem}.suite-explainer-number{font:500 .8rem monospace;color:var(--accent)}.suite-explainer img{border-radius:12px;width:100%;margin-top:14px}.suite-explainer-context{border-left:2px solid var(--accent);padding-left:14px;font-size:.84rem!important}.product-cedarcards{--accent:#d6b475}.product-cedarcards .suite-hero h1{font-family:Georgia,serif;font-weight:500;letter-spacing:-.045em}.product-cedarcards .suite-hero figure{transform:rotate(1.5deg);border:1px solid #d6b47540;border-radius:18px;overflow:hidden;box-shadow:0 30px 100px #0008}.product-cedarcards .suite-card{background:linear-gradient(150deg,#19302c77,#0b111eaa);border-color:#d6b47525}.product-cedarcards .suite-hero .suite-eyebrow{color:#d6b475}.product-cedarcards #explainers h2{font-family:Georgia,serif;font-weight:500}.product-cedarcards .suite-button{background:#d6b475;color:#111c19}.suite-explainers{scroll-margin-top:30px}@media(max-width:950px){.suite-explainer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.suite-explainer-grid{grid-template-columns:1fr}.suite-section-nav{gap:8px}.suite-section-nav a{font-size:.75rem;padding:7px 10px}.product-cedarcards .suite-hero figure{transform:none}}