:root{--navy:#020050;--gold:#fbae17;--sun:#fed14b;--pale:#feefa6;--paper:#f4f3ef;--line:#dcdce3;--muted:#656574}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--navy);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #bd6500;outline-offset:5px}img{max-width:100%;height:auto;display:block}.wrap{max-width:1360px;margin:auto;padding-left:64px;padding-right:64px}.section-pad{padding-top:104px;padding-bottom:104px}.topbar{padding:25px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px;font-size:12px}.topbar a{text-decoration:none}.studio{font-weight:700;letter-spacing:1px}.studio span{font-size:10px;color:var(--muted);font-weight:400;margin-left:12px}.topbar nav{display:flex;gap:28px}.project-no{font-size:10px;letter-spacing:1px}.skip{position:absolute;left:10px;top:-100px;z-index:9;background:white;padding:20px}.skip:focus{top:10px}.hero{padding-top:58px}.eyebrow,.section-id{font-size:11px;letter-spacing:1.7px;font-weight:700}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;padding:38px 0 65px}h1{font-size:clamp(65px,7.6vw,110px);line-height:.98;letter-spacing:-6px;margin:20px 0 35px}h2{font-size:clamp(36px,4.4vw,62px);line-height:1.05;letter-spacing:-2.5px;margin:24px 0 0}h3{margin:0;font-size:23px;letter-spacing:-.5px}p{font-size:18px;line-height:1.6}.hero-copy{font-size:21px;line-height:1.5}.text-link{display:inline-flex;align-items:center;gap:40px;text-decoration:none;border-bottom:1px solid var(--navy);padding-bottom:9px;margin-top:22px;font-size:14px;font-weight:bold}.text-link span{font-size:26px}.hero-mark{display:flex;flex-direction:column;align-items:center}.hero-mark img{width:100%;max-width:440px}.wordmark{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-.055em;line-height:1}.hero-mark .wordmark{font-size:76px;margin-top:-18px}.project-meta{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding:29px 0 38px;gap:20px;font-size:13px;line-height:1.5}.project-meta span{display:block;font-size:9px;letter-spacing:1.4px;color:var(--muted);margin-bottom:12px}.intro{display:grid;grid-template-columns:1fr 2fr;gap:65px;padding-top:90px;padding-bottom:110px}.intro h2{margin-top:0}.intro p{max-width:720px;margin-top:28px}.muted{color:var(--muted)}.identity{background:var(--paper)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:55px}.section-head>p{font-size:15px;max-width:330px;margin:0 0 4px;line-height:1.6}.lockup-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.lockup-tools>span{font-size:9px;letter-spacing:.8px;max-width:290px;line-height:1.6}.lockup-tools button,.unit-tabs button{border:1px solid var(--navy);background:transparent;padding:10px 17px;font-size:12px}.lockup-tools button.active,.unit-tabs button.active{background:var(--navy);color:white}.lockups{display:grid;grid-template-columns:1fr 1fr;gap:22px}.lockup{background:white}.logo-stage{min-height:345px;display:flex;align-items:center;justify-content:center;padding:35px;transition:background .2s}.symbol img{width:270px}.stacked{flex-direction:column}.stacked img{width:240px}.stacked .wordmark{font-size:46px;margin-top:-42px}.lockup.wide{grid-column:1/-1}.horizontal{min-height:290px;gap:36px}.horizontal img{width:230px}.horizontal .wordmark{font-size:84px}.lockup-caption{padding:24px 28px;border-top:1px solid var(--line);background:white}.lockup-caption h3{font-size:17px}.lockup-caption p{font-size:14px;color:var(--muted);margin:10px 0 0}.lockups.dark .logo-stage{background:var(--navy)}.lockups.dark .wordmark{color:white}.lockups.dark img{background:white}.wordmark-strip{display:grid;grid-template-columns:1fr 1fr 1.2fr;align-items:center;gap:35px;padding-top:45px}.wordmark-strip>span{font-size:10px;letter-spacing:1px}.wordmark-strip .wordmark{font-size:55px}.wordmark-strip p{font-size:14px}.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.clearspace{background:var(--paper);padding:45px 35px 25px}.safe-box{position:relative;padding:9%;border:1px dashed #868692;margin:auto;max-width:420px}.canvas-box{border:1px solid var(--navy);background:white}.space-label{position:absolute;font-size:12px}.space-label.top{top:2%;left:48%}.space-label.side{left:3%;top:48%}.clearspace p{font-size:13px;margin-top:24px}.sizing h3{font-size:28px}.sizing>p{font-size:16px}.unit-tabs{display:flex;margin:23px 0}dl{margin:0}dl>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:16px 0;font-size:15px}dd{margin:0;font-weight:700}.small-note{font-size:12px!important;line-height:1.7;color:var(--muted)}.production-note{border-top:3px solid var(--gold);margin-top:55px;padding-top:22px;display:grid;grid-template-columns:1fr 3fr;gap:35px}.production-note>span{font-size:10px;font-weight:bold;letter-spacing:1px}.production-note p{font-size:15px;margin:0}.misuse{background:var(--paper)}.misuse-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 24px}.bad-demo{height:230px;background:white;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.bad-demo img{width:200px}.bad-demo.stretch img{transform:scaleX(1.55) scaleY(.78)}.bad-demo.recolor img{filter:hue-rotate(125deg)}.bad-demo.cropped>div{width:150px;height:180px;overflow:hidden}.bad-demo.cropped img{max-width:none;width:250px;margin-left:-52px}.bad-demo.tiny img{width:45px}.bad-demo.rotated img{transform:rotate(25deg)}.bad-demo.crowded strong{position:absolute;font-size:24px;top:109px;background:var(--pale);padding:4px}.misuse-grid h3{font-size:17px;margin-top:20px}.misuse-grid h3 span{color:#a33124;font-size:24px;vertical-align:-1px;margin-right:6px}.misuse-grid p{font-size:14px;margin:7px 0 0;color:var(--muted)}.palette{display:grid;grid-template-columns:1.25fr repeat(4,1fr)}.swatch{border:0;text-align:left;height:300px;padding:26px 20px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .15s}.swatch:hover{transform:translateY(-6px)}.swatch span{font-size:19px;font-weight:bold}.swatch strong{font-size:13px;margin-top:auto;letter-spacing:.5px}.swatch small{font-size:11px;margin-top:10px}.navy{background:var(--navy);color:white}.gold{background:var(--gold)}.sun{background:var(--sun)}.pale{background:var(--pale)}.white{background:white;border:1px solid var(--line)}.palette-note{display:grid;grid-template-columns:1fr 1fr;gap:60px}.palette-note p{font-size:14px}.status{font-size:12px;color:var(--muted);min-height:20px;margin-bottom:0}.type-section{background:var(--navy);color:white}.type-heading{display:flex;align-items:end;justify-content:space-between;gap:35px}.type-heading h2{font-size:clamp(45px,6vw,85px);letter-spacing:-4px}.type-heading span{font-size:15px;line-height:1.6}.type-specimen{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:50px 0;border-bottom:1px solid #ffffff40}.big-aa{font-size:220px;line-height:1;letter-spacing:-16px;color:var(--sun);font-weight:bold}.alphabet{font-size:21px;line-height:1.65;overflow-wrap:anywhere}.type-specimen>div>p:last-child{font-size:15px;max-width:470px;color:#d6d5e8}.type-scale{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:40px 0}.type-scale span{font-size:9px;letter-spacing:1px;display:block;margin-bottom:28px;color:var(--pale)}.type-scale strong{font-size:33px;line-height:1.1;display:block}.type-scale>div:nth-child(2) strong{font-size:25px}.type-scale p{font-size:16px;margin:0}.type-scale small{font-size:11px;display:block;margin-top:20px;color:#d6d5e8}.font-note{font-size:12px;color:#d6d5e8;margin:15px 0 0;max-width:900px}.applications{background:var(--paper)}figure{margin:0}.product-hero{background:white}.product-hero>img{width:100%;aspect-ratio:3/2;object-fit:cover}.product-hero figcaption{padding:22px 24px;font-size:10px;letter-spacing:1px;display:flex;justify-content:space-between;gap:20px}.product-hero figcaption span{color:var(--muted);letter-spacing:0}.application-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:40px 0 75px}.application-notes span{font-size:10px;letter-spacing:1px}.application-notes h3{font-size:22px;margin:17px 0 0}.application-notes p{font-size:14px;color:var(--muted)}.digital-showcase{border:1px solid var(--line);background:white;box-shadow:0 15px 35px #0200500a}.browser-chrome{display:flex;gap:5px;align-items:center;padding:13px 18px;background:#e8e8ec}.browser-chrome i{display:block;width:6px;height:6px;border-radius:50%;background:#b5b5bf}.browser-chrome span{margin:auto;font-size:8px;letter-spacing:1px}.demo-site{padding:35px 38px 50px}.demo-nav{display:flex;align-items:center;justify-content:space-between;gap:20px}.demo-nav strong{font-size:29px;letter-spacing:-1px}.demo-nav span{font-size:12px}.demo-content{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:30px;padding-top:50px}.demo-content h3{font-size:clamp(28px,3.6vw,51px);line-height:1.05;letter-spacing:-2px;margin:22px 0}.demo-content p{font-size:15px;line-height:1.6}.demo-cta{display:inline-block;background:var(--gold);padding:15px 20px;font-size:13px;font-weight:bold;margin-top:13px}.closing{padding-top:105px;padding-bottom:100px}.closing h2{font-size:clamp(42px,5.5vw,75px);max-width:950px}.closing>p{max-width:650px}.closing .small-note{max-width:750px;margin-top:25px}footer{padding-top:28px!important;padding-bottom:30px!important;border-top:1px solid var(--line);display:flex;gap:22px;align-items:center;justify-content:space-between;font-size:10px}footer strong{font-size:16px}footer a{text-decoration:none}footer>span:last-of-type{max-width:240px;line-height:1.6}
@media(min-width:1550px){.wrap{max-width:1480px}.hero-grid{gap:90px}.hero-mark img{max-width:490px}}@media(max-width:900px){.wrap{padding-left:32px;padding-right:32px}.topbar{padding:22px 25px}.project-no,.studio span{display:none}.hero-grid{gap:20px}h1{letter-spacing:-3px}.hero-mark .wordmark{font-size:54px}.section-pad{padding-top:75px;padding-bottom:75px}.project-meta{grid-template-columns:1fr 1fr;row-gap:25px}.intro{grid-template-columns:1fr;gap:30px;padding-top:65px;padding-bottom:65px}.section-head{gap:25px}.rule-grid{gap:35px}.production-note{grid-template-columns:1fr;gap:15px}.lockup-tools>span{max-width:200px}.misuse-grid{grid-template-columns:1fr 1fr}.palette{grid-template-columns:repeat(5,1fr)}.swatch{padding:20px 12px;height:240px}.swatch span{font-size:15px}.swatch small{line-height:1.5}.wordmark-strip{grid-template-columns:1fr 1fr}.wordmark-strip p{grid-column:1/-1;margin-top:0}.big-aa{font-size:170px}.application-notes{gap:25px}footer{flex-wrap:wrap}.type-heading h2{letter-spacing:-2px}}
@media(max-width:600px){.wrap{padding-left:22px;padding-right:22px}.topbar{padding:20px 22px}.topbar nav{gap:15px;font-size:11px}.studio{font-size:12px}.hero{padding-top:35px}.eyebrow,.section-id{font-size:9px;letter-spacing:1.3px}.hero-grid{grid-template-columns:1fr;padding-top:20px;padding-bottom:42px;gap:25px}h1{font-size:69px;letter-spacing:-4px;margin-top:10px;margin-bottom:25px}.hero-copy{font-size:18px}.hero-mark{margin:0 auto;max-width:340px}.hero-mark img{width:315px}.hero-mark .wordmark{font-size:57px;margin-top:-15px}.project-meta{font-size:12px;gap:24px 15px}.project-meta span{font-size:8px}.section-pad{padding-top:60px;padding-bottom:60px}h2{font-size:39px;letter-spacing:-1.8px}.intro p{font-size:17px}.section-head{display:block;margin-bottom:35px}.section-head>p{margin-top:25px;font-size:14px}.lockup-tools{display:block}.lockup-tools>span{display:block;max-width:none;margin-top:15px;font-size:8px}.lockups{grid-template-columns:1fr}.lockup.wide{grid-column:auto}.logo-stage{min-height:310px}.horizontal{min-height:210px;gap:15px;padding:20px}.horizontal img{width:115px}.horizontal .wordmark{font-size:42px}.wordmark-strip{gap:20px}.wordmark-strip .wordmark{font-size:43px}.wordmark-strip>span{font-size:8px}.rule-grid{grid-template-columns:1fr;gap:38px}.clearspace{padding:30px 25px 15px}.sizing h3{font-size:25px}.production-note p{font-size:14px}.misuse-grid{gap:32px 16px}.bad-demo{height:160px}.bad-demo img{width:130px}.bad-demo.cropped>div{width:95px;height:120px}.bad-demo.cropped img{width:175px;margin-left:-42px}.bad-demo.crowded strong{font-size:15px;top:73px}.misuse-grid h3{font-size:14px;margin-top:13px;line-height:1.3}.misuse-grid p{font-size:12px}.palette{grid-template-columns:repeat(2,1fr);gap:0}.swatch{height:200px;padding:22px}.swatch:first-child{grid-column:1/-1;height:160px}.swatch span{font-size:19px}.palette-note{grid-template-columns:1fr;gap:0;margin-top:15px}.palette-note p{font-size:13px}.type-heading{display:block}.type-heading h2{font-size:45px}.type-heading span{display:block;margin-top:25px}.type-specimen{grid-template-columns:1fr;gap:20px;padding:35px 0}.big-aa{font-size:155px}.alphabet{font-size:17px}.type-scale{grid-template-columns:1fr;gap:35px}.type-scale span{margin-bottom:17px}.application-notes{grid-template-columns:1fr;gap:20px;padding-bottom:45px}.product-hero figcaption{display:block;font-size:8px;line-height:1.7;padding:16px}.product-hero figcaption span{display:block;margin-top:6px}.demo-site{padding:23px 20px 30px}.demo-nav strong{font-size:24px}.demo-nav span{font-size:8px}.demo-content{grid-template-columns:1fr;gap:10px;padding-top:35px}.demo-content h3{font-size:35px;letter-spacing:-1.5px}.demo-content p{font-size:13px}.demo-content img{max-width:260px;margin:auto}.browser-chrome span{font-size:6px;letter-spacing:.5px}.closing{padding-top:65px;padding-bottom:65px}.closing h2{font-size:42px}.closing p{font-size:17px}footer{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:9px}footer strong{font-size:14px}footer>span:last-of-type{font-size:8px}}
@media(max-width:600px){.horizontal{gap:12px}.horizontal img{width:95px}.horizontal .wordmark{font-size:clamp(32px,8.5vw,42px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.welcome-caption{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:30px 0 75px}.welcome-caption h3{font-size:26px}.welcome-caption p{font-size:15px;color:var(--muted);margin:0}@media(max-width:600px){.welcome-caption{grid-template-columns:1fr;gap:14px;padding-bottom:45px}.welcome-caption h3{font-size:23px}.welcome-caption p{font-size:14px}}

/* Match the hero lockup to option 02; compensate for blank space in the original PNG. */
.hero-mark{width:100%;max-width:440px;margin-inline:auto}.hero-mark img{width:100%;max-width:none}.hero-mark .wordmark{margin-top:-16%}@media(min-width:1550px){.hero-mark{max-width:490px}}@media(max-width:600px){.hero-mark{max-width:315px}.hero-mark img{width:100%}.hero-mark .wordmark{margin-top:-16%}}

/* Nonprofit homepage application: tighter hierarchy and useful service content. */
.demo-redesign{padding:0;background:white}.demo-redesign .demo-nav{padding:24px 32px;border-bottom:1px solid var(--line)}.demo-redesign .demo-nav strong{font-size:28px;letter-spacing:-1.3px}.demo-redesign .demo-nav strong span{display:block;font-size:7px;letter-spacing:1.4px;margin-top:7px;font-weight:400}.demo-redesign .demo-nav .demo-links{font-size:10px}.demo-nav-cta{background:var(--navy);color:white;padding:12px 16px;font-size:10px!important}.demo-redesign .demo-content{grid-template-columns:1.15fr 1fr;gap:35px;padding:40px 32px}.demo-redesign .demo-content h3{font-size:clamp(29px,3.2vw,44px);letter-spacing:-1.7px;margin:18px 0}.demo-redesign .demo-intro>p{font-size:15px;margin:0}.demo-redesign .demo-cta{margin-top:22px;background:var(--navy);color:white;padding:13px 18px;font-size:11px}.demo-redesign .demo-intro .demo-purpose{font-size:10px;color:var(--muted);margin-top:18px}.demo-feature{background:var(--pale);padding:20px 25px 26px;display:flex;flex-direction:column;align-items:flex-start}.demo-feature-art{background:white;width:145px;align-self:flex-end;margin-bottom:8px}.demo-redesign .demo-feature-art img{width:145px;max-width:100%;margin:0}.demo-feature>span{font-size:8px;letter-spacing:1px;margin-top:5px}.demo-feature>strong{font-size:29px;line-height:1.05;letter-spacing:-1px;margin-top:12px}.demo-support-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 32px 17px;border-top:1px solid var(--line)}.demo-support-heading>span{font-size:8px;letter-spacing:1.2px}.demo-support-heading>strong{font-size:20px;letter-spacing:-.6px}.demo-services{display:grid;grid-template-columns:repeat(3,1fr);padding:0 32px 30px;gap:22px}.demo-services>div{border-top:2px solid var(--gold);padding-top:16px;position:relative}.demo-services>div>span:first-child{font-size:7px;letter-spacing:1px}.demo-services h4{font-size:20px;margin:13px 0 8px;letter-spacing:-.6px}.demo-services p{font-size:11px;line-height:1.5;margin:0;max-width:90%}.service-arrow{font-size:19px;display:block;margin-top:15px}
@media(max-width:900px){.demo-redesign .demo-nav .demo-links{display:none}.demo-redesign .demo-content{gap:20px;padding:30px 25px}.demo-feature{padding:18px}.demo-feature>strong{font-size:25px}.demo-services h4{font-size:18px}}
@media(max-width:600px){.demo-redesign .demo-nav{padding:20px}.demo-redesign .demo-content{grid-template-columns:1fr;padding:28px 20px;gap:25px}.demo-redesign .demo-content h3{font-size:34px}.demo-redesign .demo-content .eyebrow{font-size:7px}.demo-feature{position:relative;min-height:160px;padding:20px;justify-content:center}.demo-feature-art{width:112px;position:absolute;right:15px;top:15px;margin:0}.demo-redesign .demo-feature-art img{width:112px}.demo-feature>strong{font-size:24px;max-width:55%}.demo-feature>span{font-size:6px;max-width:53%;line-height:1.6}.demo-support-heading{padding:20px;align-items:flex-start;gap:10px}.demo-support-heading>strong{font-size:17px}.demo-support-heading>span{font-size:7px}.demo-services{grid-template-columns:1fr;padding:0 20px 20px;gap:18px}.demo-services>div{padding-top:12px;padding-right:25px}.demo-services h4{font-size:20px;margin-top:10px}.demo-services p{font-size:12px}.service-arrow{position:absolute;right:0;top:20px}}

/* Readable supporting typography across the portfolio. */
.topbar{font-size:16px}.studio span,.project-no{font-size:13px}.eyebrow,.section-id{font-size:14px;line-height:1.5}.hero-copy{font-size:26px;line-height:1.5}.text-link{font-size:18px}.project-meta{font-size:17px;line-height:1.6;gap:28px}.project-meta span{font-size:12px;letter-spacing:1.1px}.intro p{font-size:21px}.section-head>p{font-size:18px}.lockup-tools button,.unit-tabs button{font-size:16px;padding:12px 19px}.lockup-tools>span{font-size:12px;max-width:350px}.lockup-caption h3{font-size:21px}.lockup-caption p{font-size:17px}.wordmark-strip>span{font-size:13px}.wordmark-strip p{font-size:18px}.clearspace p{font-size:16px}.sizing>p{font-size:18px}dl>div{font-size:18px}.small-note{font-size:15px!important}.production-note>span{font-size:13px}.production-note p{font-size:18px}.misuse-grid h3{font-size:20px}.misuse-grid p{font-size:17px}.swatch strong{font-size:16px}.swatch small{font-size:14px}.palette-note p{font-size:17px}.status{font-size:15px}.type-heading span{font-size:18px}.type-specimen>div>p:last-child{font-size:18px}.type-scale span{font-size:12px}.type-scale small{font-size:15px}.type-scale p{font-size:18px}.font-note{font-size:15px}.product-hero figcaption{font-size:13px;line-height:1.6}.application-notes span{font-size:13px}.application-notes p{font-size:18px}.welcome-caption p{font-size:18px}footer{font-size:13px}.demo-redesign .demo-nav .demo-links{font-size:13px}.demo-nav-cta{font-size:13px!important}.demo-redesign .demo-nav strong span{font-size:10px}.demo-redesign .demo-content .eyebrow{font-size:12px}.demo-redesign .demo-intro>p{font-size:18px}.demo-redesign .demo-cta{font-size:15px}.demo-redesign .demo-intro .demo-purpose{font-size:13px}.demo-feature>span{font-size:11px}.demo-support-heading>span{font-size:12px}.demo-services>div>span:first-child{font-size:11px}.demo-services p{font-size:15px}.demo-services h4{font-size:23px}.demo-services{gap:26px}.browser-chrome span{font-size:11px}
@media(max-width:900px){.project-meta{font-size:16px}.topbar{gap:16px}.topbar nav{gap:18px}.lockup-tools>span{max-width:260px}.production-note p{font-size:17px}.swatch small{font-size:13px}.swatch{padding:20px 12px}.demo-redesign .demo-content{grid-template-columns:1fr 1fr}.demo-redesign .demo-content .eyebrow{font-size:10px}.demo-feature>span{font-size:10px}.demo-services h4{font-size:21px}}
@media(max-width:600px){.topbar nav{font-size:14px;gap:13px}.studio{font-size:13px}.eyebrow,.section-id{font-size:12px;letter-spacing:1px}.hero-copy{font-size:22px}.text-link{font-size:17px}.project-meta{font-size:15px;gap:25px 18px}.project-meta span{font-size:11px}.intro p{font-size:19px}.section-head>p{font-size:17px}.lockup-tools>span{font-size:11px;max-width:none}.lockup-caption h3{font-size:20px}.lockup-caption p{font-size:17px}.wordmark-strip>span{font-size:11px}.wordmark-strip p{font-size:17px}.clearspace p{font-size:15px}.sizing>p{font-size:17px}dl>div{font-size:16px}.production-note p{font-size:16px}.misuse-grid h3{font-size:17px}.misuse-grid p{font-size:15px}.palette-note p{font-size:16px}.type-heading span{font-size:17px}.type-specimen>div>p:last-child{font-size:17px}.type-scale span{font-size:12px}.font-note{font-size:14px}.application-notes span{font-size:12px}.application-notes p{font-size:17px}.product-hero figcaption{font-size:12px}.welcome-caption p{font-size:17px}.browser-chrome span{font-size:9px;letter-spacing:0}.demo-redesign .demo-content{grid-template-columns:1fr}.demo-redesign .demo-content .eyebrow{font-size:11px}.demo-redesign .demo-intro>p{font-size:17px}.demo-feature{min-height:185px}.demo-feature>span{font-size:9px}.demo-support-heading>span{font-size:10px}.demo-services>div>span:first-child{font-size:11px}.demo-services p{font-size:16px}.demo-services h4{font-size:23px}footer,footer>span:last-of-type{font-size:12px}}
@media(max-width:380px){.topbar{flex-wrap:wrap;gap:15px}.topbar nav{justify-content:space-between;width:100%;gap:18px}.project-meta{grid-template-columns:1fr}.misuse-grid{grid-template-columns:1fr}.lockup-tools button,.unit-tabs button{font-size:15px;padding:11px 15px}}

/* Center the visible stacked signature rather than its padded PNG canvas. Only blank image margins are outside the viewport. */
.stacked .stacked-art{width:240px;height:156px;overflow:hidden;flex:none}.stacked .stacked-art img{width:240px;max-width:none;transform:translateY(-42px)}.stacked .wordmark{margin-top:8px}

/* Transparent vector artwork; the frame denotes spacing, not a white tile. */
.canvas-box,.demo-feature-art{background:transparent}.lockups.dark .stacked-art{background:white}

/* The wordmark is centered on the yellow base footprint (about 31.5% of symbol width), not the tower axis. */
.hero-mark .wordmark{position:relative;left:-18.5%}.stacked .wordmark{position:relative;left:-44.4px}

/* Dark examples display the transparent PNG directly, without backing tiles. */
.lockups.dark img,.lockups.dark .stacked-art{background:transparent}

/* Device mockup rendered from real HTML, with untouched source logo assets. */
.device-scene{display:flex;align-items:flex-end;justify-content:center;gap:3%;padding:70px 35px 65px;background:linear-gradient(145deg,#e7e3dd,#f5f3ef 55%,#ddd8d1);min-height:480px;overflow:hidden}.coded-laptop{width:79%;position:relative;padding-bottom:22px;filter:drop-shadow(0 18px 13px #02005018)}.laptop-lid{background:#141416;border:3px solid #9b9b9d;border-radius:16px 16px 5px 5px;padding:22px 12px 13px;position:relative;margin:0 4%}.device-camera{position:absolute;top:7px;left:50%;width:4px;height:4px;border-radius:50%;background:#3e4145}.device-screen{width:100%;position:relative;overflow:hidden;background:white;aspect-ratio:1280/820}.device-screen iframe{display:block;position:absolute;left:0;top:0;border:0;transform-origin:0 0;pointer-events:none;background:white}.laptop-base{height:22px;position:absolute;bottom:0;width:100%;border:1px solid #b6b6b8;background:linear-gradient(#e1e1e3,#b9b9bc 60%,#77787d);border-radius:2px 2px 45% 45% / 2px 2px 65% 65%}.laptop-base span{display:block;margin:auto;width:17%;height:6px;border-radius:0 0 8px 8px;background:#9b9ca1}.coded-phone{width:17%;background:#151517;border:3px solid #85858a;border-radius:25px;padding:7px 5px 10px;position:relative;margin-bottom:2px;box-shadow:8px 13px 20px #02005026}.coded-phone .device-screen{aspect-ratio:390/844;border-radius:18px}.phone-island{position:absolute;z-index:2;top:11px;left:32%;width:36%;height:10px;background:#151517;border-radius:10px}.phone-home{position:absolute;bottom:12px;left:33%;width:34%;height:3px;background:#222;border-radius:3px}.device-mockup figcaption span{max-width:50%;text-align:right}@media(max-width:600px){.device-scene{padding:38px 10px 35px;min-height:0;gap:2%}.coded-laptop{width:78%;padding-bottom:12px}.laptop-lid{border-width:1px;border-radius:7px 7px 2px 2px;padding:10px 5px 5px}.device-camera{width:2px;height:2px;top:4px}.laptop-base{height:12px}.laptop-base span{height:3px}.coded-phone{width:19%;border-width:1px;border-radius:12px;padding:4px 2px 5px}.coded-phone .device-screen{border-radius:8px}.phone-island{top:5px;height:5px}.phone-home{bottom:6px;height:2px}.device-mockup figcaption span{max-width:none;text-align:left}}

/* Keep yellow logo beams distinct against a clean white application surface. */
.demo-feature{background:#fff;border:1px solid var(--line)}

/* Give the original artwork enough presence without a large empty card. */
.demo-feature{border:0;padding:12px 24px;justify-content:center}.demo-feature-art{width:300px;height:195px;overflow:hidden;align-self:center;margin:0 0 14px;flex:none}.demo-redesign .demo-feature-art img{width:300px;max-width:none;transform:translateY(-53px)}.demo-feature>span{margin-top:0}.demo-feature>strong{margin-top:9px}.demo-redesign .demo-content{padding-top:30px;padding-bottom:30px}.demo-services{padding-bottom:20px}
@media(max-width:900px) and (min-width:601px){.demo-feature-art{width:240px;height:156px}.demo-redesign .demo-feature-art img{width:240px;transform:translateY(-42px)}}
@media(max-width:600px){.demo-feature{position:static;min-height:0;padding:14px 0 5px;align-items:center}.demo-feature-art{position:static;width:250px;height:163px;align-self:center;margin:0 0 14px}.demo-redesign .demo-feature-art img{width:250px;transform:translateY(-44px)}.demo-feature>span{max-width:none;font-size:10px;text-align:center}.demo-feature>strong{max-width:none;text-align:center;font-size:27px;margin-top:10px}.demo-redesign .demo-content{gap:15px;padding-top:25px;padding-bottom:25px}}

.coded-laptop .device-screen{aspect-ratio:1280/740}

/* Final QA: contrast without recoloring the original logo; fit small phones. */
.lockups.dark .logo-stage{background:#707585}@media(max-width:600px){.lockups{grid-template-columns:minmax(0,1fr)}.lockup{min-width:0}.logo-stage{padding:18px}}

@media(max-width:600px){.topbar{flex-wrap:wrap;gap:10px}.topbar nav{width:100%;justify-content:space-between}.topbar nav a{min-height:44px;display:flex;align-items:center;padding:6px 4px}}@media(max-width:380px){.hero-mark .wordmark{font-size:46px}}

.project-meta{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:600px){.project-meta{grid-template-columns:1fr}}