/* Phase 1: a consistent, quiet presentation across the public site. */
:root{--lod-radius:24px;--lod-muted:#62666d;--lod-ease:cubic-bezier(.22,.61,.36,1)}
body .intro{background:#000;color:#f5f5f7;padding:76px max(24px,calc((100% - 1100px)/2)) 54px}
body .intro .wordmark{color:#f5f5f7}
body .intro .wordmark{font-size:clamp(36px,5.2vw,68px);line-height:1.15;max-width:1000px;margin:auto;letter-spacing:-.035em}
body .intro .wordmark-note{font-size:clamp(20px,2vw,28px);line-height:1.4;max-width:780px;margin:20px auto 0;color:#9fd9ed}
body .intro .apple-links{gap:18px;margin-top:24px}
body .intro .apple-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px;border:1px solid #2997ff;border-radius:99px;font-size:17px;font-weight:400;line-height:1.3;color:#2997ff;text-decoration:none;transition:background .2s,color .2s}
body .intro .apple-links a:first-child{background:#0071e3;border-color:#0071e3;color:white}
body .intro .apple-links a:hover{background:#0071e3;border-color:#0071e3;color:white}
body .intro .apple-links a:first-child:hover{background:#0077ed;border-color:#0077ed;color:white}
/* The reference uses a steady left-to-right spectrum, not flashing text. */
@supports (background-clip:text){body .intro .wordmark-note,body .ftile.dark .ftag{background:linear-gradient(105deg,#f5d94d 5%,#e7df9b 28%,#aed9df 53%,#56b8f4 76%,#2997ff 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}}
body .ftile .factions{gap:18px}
body .ftile .fbtn{min-height:44px;padding:10px 22px;border-radius:99px;font-size:17px;font-weight:400;line-height:1.3;text-decoration:none}
body .ftile .fbtn.fill{background:#0071e3;border:1px solid #0071e3;color:#fff}
body .ftile .fbtn.line{background:transparent;border:1px solid #0071e3;color:#0066cc}
body .ftile.dark .fbtn.line{border-color:#2997ff;color:#2997ff}
body .ftile .fbtn.fill:hover{background:#0077ed;border-color:#0077ed}
body .ftile .fbtn.line:hover{background:#0071e3;border-color:#0071e3;color:#fff}
@media(forced-colors:active){body .intro .wordmark-note,body .ftile.dark .ftag{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}
body .section{padding-top:88px;padding-bottom:88px}
body .section-heading{margin-bottom:40px;gap:16px}
body .section-heading h2,body .ft-head h2{font-size:clamp(32px,4vw,52px);line-height:1.18}
body .heading-aside{font-size:18px;line-height:1.65}
body .hero{height:min(72svh,760px);min-height:480px;border-radius:var(--lod-radius);overflow:hidden}
body .hero .slide{transition:opacity .8s var(--lod-ease);transform:none;animation:none}
body .hero-content{max-width:850px;margin:auto}
body .hero h1{font-size:clamp(32px,4.4vw,56px);line-height:1.2}
body .slide-controls button{width:44px;height:44px}
body .project,body .service-card,body .featured-tool,body .ftile,body .tool-card{border-radius:var(--lod-radius)}
body .project:hover,body .ftile:hover,body .featured-tool:hover,body .plugin-card:hover{transform:none}
body .project-image img,body .ftile .fimg img,body .tool-art img{transition:transform .55s var(--lod-ease)}
@media(hover:hover) and (pointer:fine){body .project:hover .project-image img,body .ftile .fimg:hover img,body .tool-card:hover .tool-art img{transform:scale(1.025)}}
body .about-orbs,body .pillar .p-glow{display:none}
body .pillar,body .pillar:hover{transform:none!important;transition:opacity .55s,translate .55s,border-color .2s}
body .about-marquee{margin:36px 0 0;mask-image:none;-webkit-mask-image:none}
body .about-marquee .track{width:auto;animation:none}
body .about-marquee .track>div{flex-wrap:wrap;justify-content:center;gap:12px 20px;white-space:normal;font-size:16px;font-weight:500;color:#62666d;padding:0}
body .about-marquee .track>div[aria-hidden]{display:none}
body .about-marquee span:nth-child(4n+3){-webkit-text-stroke:0;color:inherit}
body .about-marquee b{font-size:8px;color:#b5bbc4}
body .about .about-title .ln>span{background:none;color:#1d1d1f;-webkit-text-fill-color:currentColor}
body .js-motion .reveal,html.js-motion .reveal{transition:opacity .55s var(--lod-ease),transform .55s var(--lod-ease);transform:translateY(16px)}
html.js-motion .reveal.visible{transform:none}
body a,body button{touch-action:manipulation}
body :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #0071e3;outline-offset:4px}
body :is(.button,.fbtn,.pd-ghost,.filters button,.product-tabs button){min-height:44px;transition:background-color .2s,color .2s,border-color .2s}
body .ftile .fcompat{font-size:13px;color:inherit;opacity:.75;margin:12px 0 0;line-height:1.6}
body .product-specs{border-top:1px solid #dfe3e8;border-bottom:1px solid #dfe3e8;padding:12px 0}
body .product-specs>div{padding:9px 0;gap:16px}
body #demo-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #d4d9e0;border-radius:99px;margin:12px 0;font-size:15px;color:#0066cc;text-decoration:none}
body #demo-link:hover{background:#edf3fa}
body #demo-link[hidden]{display:none}
body .product-tabs{scroll-margin-top:80px}
body .video-demo{border-radius:18px;overflow:hidden;background:#f2f4f7}
body .video-play{min-height:200px;width:100%;border:0;color:#1d1d1f;background:#f2f4f7}
body .site-footer .footer-cols{grid-template-columns:repeat(3,minmax(0,1fr))}
body .site-footer .footer-note{max-width:760px;line-height:1.7}
body .site-footer .footer-bar{flex-wrap:wrap;gap:18px}
body .site-footer .footer-admin{margin-left:auto}
body .footer-brief{border-bottom:1px solid #d4d8de;padding:18px 0 38px;margin-bottom:30px;display:flex;align-items:center;justify-content:space-between;gap:28px}
body .footer-brief h2{font-size:clamp(27px,3vw,38px);line-height:1.25;max-width:640px;margin:0 0 10px}
body .footer-brief p{max-width:600px;font-size:15px;color:#62666d;margin:0;line-height:1.7}
body .footer-brief .button{flex-shrink:0;font-size:15px;min-height:46px}
@media(max-width:760px){body .intro{padding:48px 24px 36px}body .section{padding-top:56px;padding-bottom:56px}body .hero{min-height:440px;height:65svh;margin:0 12px}body .hero-content{left:0;right:0;bottom:104px;padding:0 24px}body .hero-footer{left:22px;right:22px}body .hero-footer>span{max-width:52%;line-height:1.6}body .intro .apple-links a{font-size:15px;padding:12px 20px}body .footer-brief{align-items:flex-start;flex-direction:column}body .site-footer .footer-cols{grid-template-columns:1fr 1fr;gap:28px}body .site-footer .footer-admin{margin-left:0}body .heading-aside{font-size:16px}body .ftile{padding:30px 20px 0}body .product-tabs{overflow-x:auto;flex-wrap:nowrap}body .product-tabs button{white-space:nowrap}body .purchase-panel{min-width:0}body .footer-brief h2{font-size:29px}}
@media(max-width:420px){body .intro .apple-links{flex-direction:row;gap:10px}body .intro .apple-links a{padding:10px 16px;font-size:14px}body .site-footer .footer-cols{grid-template-columns:1fr}body .intro .wordmark{font-size:35px}body .hero h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){html,body{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html.js-motion .reveal,body .about :is(.about-eye,.about-title .ln>span,.about-lead,.pillar,.about-marquee,.about-facts,.about-story),body .cc-in{opacity:1!important;transform:none!important;translate:none!important}body .project-image img,body .ftile .fimg img,body .tool-art img{transform:none!important}}