html{scroll-behavior:smooth}
#progress-value + .percent{display:inline}
[hidden]{display:none!important}
.study-label{gap:24px}.showcase-jump{margin-right:0}
.intro{padding:52px 0 34px}h1{font-size:clamp(45px,5.5vw,70px);display:block;white-space:nowrap}.title-spark{display:inline-block;vertical-align:middle;margin-top:-6px}
.hero-comparison{display:grid;grid-template-columns:1fr 1fr;position:relative;gap:1px;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--line);margin-bottom:45px}
.hero-comparison figure{margin:0;display:flex;align-items:center;flex-direction:column;background:#fff;padding:25px 24px 28px}
.hero-comparison figcaption{align-self:flex-start;font-size:11px;color:#83808f;margin-bottom:26px}
.hero-symbol{width:166px;height:125px;object-fit:contain;margin-bottom:22px}
.hero-wordmark{width:195px;height:43px;overflow:visible}
.hero-arrow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:40px;height:40px;background:#f5f5f2;border:1px solid var(--line);border-radius:50%;font-size:19px;color:#a7a3b2}
.section-label{font-size:13px;font-weight:550;letter-spacing:0;margin:0 0 18px}
.showcase{margin-top:55px;padding-top:40px;scroll-margin-top:28px}
.showcase-intro h2{font-size:32px}.showcase-intro{margin-bottom:24px}
.showcase-controls{position:static}.showcase-downloads{scroll-margin-top:28px}.showcase-downloads>h3{font-size:15px;font-weight:550;margin:0}
.card-caption h3{margin:0;font-size:14px}.card-caption{padding:18px 23px}
.mock-cta{margin-top:22px}
.studio-panel{display:grid;grid-template-columns:270px minmax(0,1fr);gap:32px;margin:24px 0 35px}
.studio-settings{background:#fff;border:1px solid #e1dfe7;border-radius:11px;padding:22px}
.studio-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.studio-settings h3{font-size:12px;font-weight:600;margin:0}
.studio-heading button{border:0;background:none;padding:4px 0;font-size:10px;color:#8c879c;text-decoration:underline;text-underline-offset:3px}
.colour-fields{display:flex;flex-direction:column;gap:11px}
.colour-field{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#777182}
.colour-inputs{display:flex;gap:6px;align-items:center;border:1px solid #e7e5ec;border-radius:6px;padding:4px 5px}
.colour-inputs input[type=color]{appearance:none;-webkit-appearance:none;border:0;width:20px;height:20px;padding:0;background:none;cursor:pointer}
.colour-inputs input[type=color]::-webkit-color-swatch-wrapper{padding:0}.colour-inputs input[type=color]::-webkit-color-swatch{border:1px solid #0001;border-radius:4px}
.colour-inputs input[type=color]::-moz-color-swatch{border:1px solid #0001;border-radius:4px}
.colour-inputs input[type=text]{width:65px;padding:2px 0;border:0;background:none;font-size:10px;font-variant-numeric:tabular-nums;color:#655f74;text-transform:uppercase}
.colour-inputs input:disabled{opacity:.45;cursor:default}
.range-field{display:flex;flex-direction:column;gap:8px;margin-top:17px;font-size:10px;color:#80798e}.range-field>span{display:flex;justify-content:space-between;gap:10px}
.range-field input{width:100%;accent-color:var(--indigo);height:12px;margin:0;cursor:pointer}
.studio-divider{height:1px;background:#ebe8ef;margin:21px 0}
.background-options{display:flex;gap:4px;padding:3px;background:#f5f4f8;border-radius:6px;margin:13px 0 15px}
.background-options button{flex:1;font-size:10px;padding:7px 6px;border:0;border-radius:4px;background:none;color:#9990a4}
.background-options button[aria-pressed=true]{background:#fff;color:var(--indigo);box-shadow:0 1px 4px #0001}
.background-presets{display:flex;gap:10px;margin:0 0 17px}
.background-presets button{width:23px;height:23px;border:1px solid #0001;border-radius:50%;background:var(--preset);box-shadow:0 0 0 2px #fff}
.background-presets button:hover{box-shadow:0 0 0 2px #dfdbea}
.select-field{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:11px;color:#777182;gap:12px}
.select-field select{background:#faf9fc;color:#635d72;border:1px solid #e7e3ed;border-radius:5px;padding:6px 8px;font:inherit;max-width:125px}
.check-field{display:flex;align-items:center;gap:9px;font-size:11px;color:#777182;cursor:pointer;margin:12px 0 0}.check-field input{width:15px;height:15px;accent-color:var(--indigo);margin:0}
.studio-previews{min-width:0;display:flex;flex-direction:column;gap:18px}
.studio-artboard{overflow:hidden;border-radius:11px;border:1px solid #e1dfe7;background:#fff;display:flex;align-items:center;justify-content:center}
.studio-artboard svg{display:block;width:100%;height:100%}
#studio-logo-preview{flex:1;min-height:240px}
.studio-symbol-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;flex:1}
#studio-symbol-preview{min-height:200px}
.studio-export{display:flex;align-items:flex-end;justify-content:flex-end;padding:20px 1px}
.studio-export a{font-size:11px;color:#777182;text-underline-offset:5px;text-decoration:underline}
/* Installed app contexts. */
.ipad{max-width:435px;aspect-ratio:1.38;transform:rotate(-3deg)}
.ipad-screen{container-type:inline-size;padding:9px 13px 12px;background:linear-gradient(135deg,#42b8dc,#3e8bff 55%,#6048d5)}
.ipad-screen:before{width:145%;height:170%;top:-63%;right:21%;border:0;border-radius:45%;background:linear-gradient(155deg,#5bcecb,#51b8ee 45%,#1b88ee);transform:rotate(-28deg);box-shadow:10px 12px 30px #1764d645;z-index:-1}
.ipad-screen:after{content:"";position:absolute;inset:22% -45% -120% 20%;border-radius:50%;background:linear-gradient(155deg,#508ffc,#725bde 42%,#271d7a 78%);transform:rotate(-28deg);z-index:-2}
.device-status{font-size:clamp(4px,1.55cqw,6px);position:relative;z-index:1}
.device-status .status-right{display:flex;align-items:center;gap:3px}.status-icons{width:24px;height:8px;display:inline-block;vertical-align:middle}
.home-grid{width:94%;margin:5cqw auto 0;grid-template-columns:repeat(6,minmax(0,1fr));gap:3.6cqw 1.8cqw}
.home-grid .app-tile{width:9cqw;max-width:34px;border-radius:23%;box-shadow:0 2px 6px #1c4b9222}
.home-app{font-size:clamp(4px,1.65cqw,6.3px);gap:1.2cqw;text-shadow:0 1px 3px #255a8d66}
.apple-app{object-fit:contain;padding:0;border-radius:0;box-shadow:none;background:none}
.home-grid .apple-app{border-radius:0;box-shadow:none}
.calendar-app{flex-direction:column;background:#fff;line-height:1;text-shadow:none}
.calendar-app small{font-size:1.5cqw;color:#ef4a43;margin-bottom:1cqw}.calendar-app b{font-size:5.6cqw;font-weight:350;color:#222}
.home-grid .mathspace-app{padding:1.7cqw}
.ipad-dock{gap:2.7cqw;padding:1.8cqw 2.5cqw;border-radius:4cqw;bottom:3.4cqw;background:#ffffff40;border:1px solid #fff1;box-shadow:0 3px 10px #3030680d}
.ipad-dock .app-tile{width:8.8cqw;max-width:33px;border-radius:23%;font-size:inherit}
.ipad-dock .apple-app{border-radius:0}
.ipad-dock .mathspace-app{padding:1.7cqw}
.ipad-dock .dock-divider{height:7cqw;margin:0 -1.2cqw;background:#fff4}
.home-pages{position:absolute;bottom:18cqw;left:50%;transform:translateX(-50%);display:flex;gap:4px}.home-pages i{width:3px;height:3px;border-radius:50%;background:#ffffff60}.home-pages i:first-child{background:#fff}
.desktop-window{height:274px;container-type:inline-size;background:#3272c2}
.desktop-menubar{font-size:clamp(4px,1.4cqw,6px);gap:2.2cqw;padding:1.4cqw 2cqw;background:#d8e5ff65;color:#102149}
.desktop-menubar b{display:flex;align-items:center;gap:5px}.apple-menu{height:8px;width:7px}.desktop-menubar .status-right{display:flex;align-items:center;gap:7px}.desktop-menubar .status-icons{width:22px;height:7px}
.desktop-wallpaper{background:linear-gradient(135deg,#153c96,#257fc4 45%,#a4e1f2)}
.desktop-wallpaper:before{border:0;width:145%;height:170%;top:-85%;left:-34%;border-radius:45%;background:linear-gradient(145deg,#071841 25%,#125bc1 53%,#70c8ea 75%);transform:rotate(25deg);box-shadow:4px 10px 20px #0e3b7f88}
.desktop-wallpaper:after{content:"";position:absolute;width:95%;height:110%;left:20%;bottom:-75%;border-radius:50%;background:linear-gradient(115deg,#ffba72,#f28d7b 40%,#c6728c 80%);transform:rotate(-25deg)}
.desktop-installed,.desktop-folder{z-index:1}.desktop-installed{top:35px;right:23px;font-size:7px}.desktop-installed .app-tile{width:39px;border-radius:10px;padding:8px}
.desktop-folder{top:105px;right:13px}.desktop-folder .app-tile{width:48px;height:42px}.desktop-folder small{font-size:6px}
.desktop-dock{gap:1px;padding:4px 6px 5px;border-radius:11px;background:#d4e4fc67;bottom:9px}
.desktop-dock .apple-app{width:8.8cqw;max-width:37px;height:8.8cqw;max-height:37px;box-shadow:none;border-radius:0}
.desktop-dock .mathspace-app{width:7.1cqw;max-width:29px;border-radius:23%;padding:1.4cqw;margin:0 .85cqw}
.desktop-dock .dock-divider{height:26px;margin:0 2px}.desktop-dock .mathspace-app:after{bottom:-6px}
.poster-category{display:none}.campaign-poster h4{margin:12px 0 0;font-size:44px}.poster-art{top:37%}.social-art{min-height:175px}.social-hero-mark{margin:0;width:85px}
@media(min-width:1400px){.hero-comparison figure{padding-top:30px;padding-bottom:33px}.hero-symbol{width:184px;height:138px}.hero-wordmark{width:215px}}
@media(max-width:900px){.studio-panel{grid-template-columns:230px minmax(0,1fr);gap:20px}.studio-settings{padding:18px}.desktop-menubar>span:nth-child(2){max-width:40%;white-space:nowrap;overflow:hidden}.desktop-window{height:242px}}
@media(max-width:740px){.studio-panel{grid-template-columns:1fr;gap:20px}.studio-previews{grid-row:1}.studio-settings{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;padding:22px}.studio-heading{grid-column:1/-1;margin-bottom:0}.studio-divider{grid-column:1/-1;width:100%;margin:0}.studio-settings>.colour-fields{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:13px 24px}.studio-settings>.range-field{grid-column:1/-1;margin:0}.studio-settings>.background-options{margin:0}.studio-settings>.background-presets{align-items:center;margin:0}.studio-settings>.select-field{margin:0}.studio-settings>.check-field{margin:0}.studio-previews{display:grid;grid-template-columns:1.65fr 1fr;gap:12px}.studio-symbol-row{display:contents}.studio-export{display:none}#studio-logo-preview,#studio-symbol-preview{min-height:145px}.ipad{max-width:435px;aspect-ratio:1.38}.desktop-window{height:265px}.card-caption{display:flex}.showcase-downloads{align-items:flex-start;gap:18px}.download-options{flex-wrap:wrap}.favicon-lab{grid-template-columns:1fr auto}.favicon-sizes{grid-row:1}.showcase-controls{gap:9px}.compare-original{align-self:flex-end}}
@media(max-width:480px){.intro{padding:32px 0 25px}h1{font-size:46px}.study-label{font-size:10px;gap:16px}.showcase-jump{font-size:10px}.hero-comparison{margin-bottom:30px}.hero-comparison figure{padding:16px 15px 21px}.hero-comparison figcaption{font-size:9px;margin-bottom:22px}.hero-symbol{width:105px;height:80px;margin-bottom:16px}.hero-wordmark{width:113px;height:25px}.hero-arrow{width:27px;height:27px;font-size:14px}.section-label{font-size:12px;margin-bottom:14px}.showcase{margin-top:36px;padding-top:30px}.showcase-intro h2{font-size:28px}.studio-panel{margin-top:18px;gap:17px}.studio-previews{grid-template-columns:1fr}.studio-symbol-row{display:none}#studio-logo-preview{min-height:130px}.studio-settings{padding:17px;gap:13px 15px}.studio-settings>.colour-fields{gap:11px 13px}.colour-field{font-size:9px;gap:4px}.colour-inputs{gap:4px;padding:3px 4px}.colour-inputs input[type=text]{width:55px;font-size:9px}.colour-inputs input[type=color]{width:18px;height:18px}.background-options button{padding:6px;font-size:9px}.studio-settings h3{font-size:11px}.check-field{font-size:10px}.select-field{font-size:10px}.background-presets{gap:8px}.background-presets button{width:20px;height:20px}.studio-settings>.background-presets{grid-column:1/-1}.ipad{width:92%;padding:10px;aspect-ratio:1.38}.ipad-screen{padding:7px 10px 10px}.device-status .status-icons{width:18px;height:6px}.home-grid{gap:3.4cqw 1.8cqw}.desktop-window{width:92%;height:225px}.desktop-menubar>span:nth-child(2){max-width:35%}.desktop-installed{top:33px;right:16px}.desktop-folder{top:97px;right:9px}.desktop-installed .app-tile{width:33px;padding:6px;border-radius:8px}.desktop-folder .app-tile{width:40px;height:34px}.desktop-dock{padding:3px 5px 4px;gap:0}.desktop-dock .dock-divider{height:20px;margin:0 1px}.desktop-dock .mathspace-app:after{bottom:-5px}.card-caption{padding:16px 18px}.card-caption h3{font-size:13px}.campaign-poster h4{font-size:37px}.social-art{min-height:143px}.social-hero-mark{width:68px}.download-options{row-gap:17px}.progress-readout .percent{display:inline}.reference-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}