.sg-design{--ink:#111516;--paper:#f7f8f8;--muted:#526068;--accent:#a9ccdb;--line:#d8dfe2;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}.sg-design *{box-sizing:border-box}.sg-design a{color:inherit;text-decoration:none}.sg-design button,.sg-design input,.sg-design textarea,.sg-design select{font:inherit;border-radius:0}.sg-design button,.sg-design summary{cursor:pointer}.sg-design img{max-width:100%;display:block}.sg-design h1,.sg-design h2,.sg-design h3,.sg-design p{margin:0}.sg-design h1,.sg-design h2,.sg-design h3{font-weight:400;line-height:1.08;letter-spacing:-.045em}.sg-design h1{font-size:clamp(2.8rem,6.8vw,7rem)}.sg-design h2{font-size:clamp(2.1rem,4.1vw,4rem)}.sg-design h3{font-size:1.55rem;letter-spacing:-.025em}.sg-design p+p{margin-top:1.1rem}.sg-design a:focus-visible,.sg-design button:focus-visible,.sg-design summary:focus-visible{outline:3px solid #28708b;outline-offset:5px}.sg-design [hidden]{display:none!important}.sg-design .wrap{width:min(1400px,90%);margin-inline:auto}.sg-design .eyebrow{font-size:.75rem;letter-spacing:.17em;text-transform:uppercase;line-height:1.5;margin-bottom:1.6rem}.sg-design .muted{color:var(--muted)}.sg-design .btn{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 1.5rem;background:var(--ink);color:white;border:1px solid var(--ink);font-size:.875rem;line-height:1.5;min-height:48px}.sg-design .btn.light{background:white;border-color:white;color:var(--ink)}.sg-design .btn.outline{background:transparent;border-color:currentColor;color:inherit}.sg-design .btn:hover{background:#31576a;color:white;border-color:#31576a}.sg-design .actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2rem}.sg-design .topbar{position:sticky;top:0;z-index:50;background:rgba(247,248,248,.97);border-bottom:1px solid var(--line)}.sg-design .bar{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.sg-design .brand{font-size:.875rem;letter-spacing:.16em;font-weight:700;white-space:nowrap;display:flex;gap:12px;align-items:center}.sg-design .brand-mark{width:20px;height:25px;display:inline-block;border:1px solid currentColor;transform:skewY(-18deg);box-shadow:5px 3px 0 -1px var(--paper),5px 3px 0 0 currentColor}.sg-design .nav{display:flex;align-items:center;gap:30px;font-size:.875rem}.sg-design .nav details>summary{list-style:none}.sg-design .nav summary::-webkit-details-marker{display:none}.sg-design .nav summary::after{content:' +';color:var(--muted)}.sg-design .mega{position:absolute;top:100%;left:0;width:100%;background:var(--paper);border-bottom:1px solid var(--line);padding:36px 5%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;box-shadow:0 20px 30px #0001}.sg-design .mega a{display:block;padding:12px 0;border-bottom:1px solid var(--line)}.sg-design .mega p{font-size:.875rem;color:var(--muted)}.sg-design .menu-toggle{display:none;border:1px solid var(--line);padding:10px 16px;background:none}.sg-design .hero{position:relative;min-height:740px;min-height:min(860px,calc(100svh - 84px));background:#171b1d;color:white;display:flex;align-items:center;isolation:isolate}.sg-design .hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.sg-design .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061014cf 0%,#06101465 50%,#06101416),linear-gradient(0deg,#06101466,transparent 40%);z-index:-1}.sg-design .hero .wrap{padding-block:70px 110px}.sg-design .hero h1{max-width:1050px;line-height:1.02}.sg-design .hero h1 span{color:#c3d6df}.sg-design .hero .lead{max-width:450px;margin-top:30px;font-size:1.125rem;color:#f2f4f5}.sg-design .hero-foot{position:absolute;bottom:26px;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;font-size:.75rem;letter-spacing:.05em;color:#e5ebed}.sg-design .strip{border-bottom:1px solid var(--line)}.sg-design .strip .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.sg-design .strip div div{padding:24px 24px 24px 0}.sg-design .strip strong{font-size:.875rem;font-weight:400;display:block}.sg-design .strip span{font-size:.75rem;color:var(--muted)}.sg-design .section{padding-block:100px}.sg-design .split{display:grid;grid-template-columns:1fr 1fr;gap:8%}.sg-design .intro-text{max-width:550px;font-size:1.125rem}.sg-design .line-items{margin-top:36px}.sg-design .line-item{border-top:1px solid var(--line);padding:18px 0;display:grid;grid-template-columns:50px 1fr;gap:16px}.sg-design .line-item p{font-size:.9375rem;color:var(--muted);margin-top:8px}.sg-design .section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px}.sg-design .section-heading p{max-width:390px;color:var(--muted)}.sg-design .systems{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sg-design .system{padding:36px;background:#e8edef;min-height:310px;display:flex;flex-direction:column}.sg-design .system:nth-child(2){background:#dce8ed}.sg-design .system h3{font-size:2.5rem;margin-bottom:20px}.sg-design .system p{max-width:480px}.sg-design .system>a{border-top:1px solid #acbcc4;margin-top:auto;padding-top:20px;display:flex;justify-content:space-between}.sg-design .system .eyebrow{margin-bottom:25px}.sg-design .dark{background:#101719;color:#f4f7f8}.sg-design .dark .eyebrow{color:#adcddc}.sg-design .dark .muted{color:#c0cbd0}.sg-design .dark h2{margin-bottom:30px}.sg-design .dark .btn{background:#aecedb;color:#101719;border-color:#aecedb}.sg-design .demo{background:#202a2e;border:1px solid #4b5b62}.sg-design .demo-frame{position:relative;aspect-ratio:16/11;overflow:hidden}.sg-design .demo-frame img{width:100%;height:100%;object-fit:cover}.sg-design .demo-frame.is-private img{filter:blur(18px);opacity:.16}.sg-design .demo-frame.is-private{background:#e4ecee}.sg-design .demo-badge{position:absolute;top:16px;left:16px;padding:6px 12px;background:#101719df;color:white;font-size:.75rem}.sg-design .demo-control{display:grid;grid-template-columns:1fr 1fr}.sg-design .demo-control button{border:0;background:transparent;color:#fff;padding:16px}.sg-design .demo-control button[aria-pressed=true]{background:#aecedb;color:#101719}.sg-design .caption{font-size:.75rem;color:#c0cbd0;margin-top:12px}.sg-design .applications{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.sg-design .application{padding:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.sg-design .application:first-child{padding-left:0}.sg-design .application:last-child{border-right:0}.sg-design .application h3{margin-bottom:18px}.sg-design .application p{color:var(--muted);font-size:.9375rem;margin-bottom:28px}.sg-design .application a{text-decoration:underline;text-underline-offset:6px}.sg-design details.faq{border-top:1px solid var(--line);padding:20px 0}.sg-design details.faq:last-child{border-bottom:1px solid var(--line)}.sg-design .faq summary{font-size:1rem;list-style:none;display:flex;justify-content:space-between;gap:20px}.sg-design .faq summary::after{content:'+'}.sg-design .faq[open] summary::after{content:'−'}.sg-design .faq p{padding-top:18px;color:var(--muted);max-width:720px}.sg-design .footer{padding:65px 0 25px;background:#0a1012;color:#edf2f4}.sg-design .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.sg-design .footer a{display:block;font-size:.875rem;margin-bottom:12px}.sg-design .footer p{color:#a7b6bd;font-size:.875rem;max-width:330px;margin-top:20px}.sg-design .footer-bottom{border-top:1px solid #344147;margin-top:50px;padding-top:22px;color:#b1bec4;font-size:.75rem}.sg-design .breadcrumb{font-size:.8125rem;padding:25px 0;color:var(--muted)}.sg-design .page-hero{padding:45px 0 75px;border-bottom:1px solid var(--line)}.sg-design .page-hero h1{max-width:1150px}.sg-design .page-hero .lead{font-size:1.2rem;max-width:720px;margin-top:28px}.sg-design .article-layout{display:grid;grid-template-columns:230px minmax(0,850px);gap:8%;padding-block:70px}.sg-design .toc{align-self:start;position:sticky;top:115px;font-size:.875rem}.sg-design .toc a{display:block;padding:8px 0;color:var(--muted)}.sg-design .article-section{margin-bottom:64px;scroll-margin-top:110px}.sg-design .article-section h2{font-size:clamp(1.9rem,3vw,2.7rem);margin-bottom:25px}.sg-design .article-section h3{margin:28px 0 16px;font-size:1.35rem}.sg-design .article-section p{margin-bottom:20px}.sg-design .article-section ul{padding-left:22px}.sg-design .article-section li{margin:10px 0}.sg-design .article-section a{text-decoration:underline;text-underline-offset:4px}.sg-design table{border-collapse:collapse;width:100%;font-size:.9375rem}.sg-design .table-scroll{overflow:auto}.sg-design th,.sg-design td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:16px}.sg-design th{background:#e3ecef;font-weight:500}.sg-design .related{display:flex;flex-wrap:wrap;gap:10px;padding-block:30px}.sg-design .related a{border:1px solid var(--line);padding:12px 18px;font-size:.875rem}.sg-design .brief-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.sg-design .brief-form label{display:block;font-size:.875rem}.sg-design .brief-form input,.sg-design .brief-form select,.sg-design .brief-form textarea{display:block;width:100%;padding:12px;border:1px solid #83969f;background:white;color:#101719;margin-top:8px}.sg-design .brief-form .full{grid-column:1/-1}.sg-design .brief-output{white-space:pre-wrap;background:#e2ebee;padding:24px;font-family:inherit}.sg-design .skip{position:fixed;top:-100px;left:15px;z-index:100;background:white;padding:14px}.sg-design .skip:focus{top:15px}.sg-design .reading-note{font-size:.8125rem;color:var(--muted);margin-top:25px}.sg-design .home-guide{border-top:1px solid var(--line)}.sg-design .home-guide>summary{padding:30px 0;font-size:1.2rem;cursor:pointer}.sg-design .home-guide .article-layout{padding-top:20px}.sg-design .sg-entry{width:100%}.sg-design .preview-note{font-size:.75rem;border-top:1px solid #344147;padding-top:15px;margin-top:20px;color:#b1bec4}
@media(min-width:1700px){.sg-design .hero .wrap{padding-block:120px 150px}}
@media(max-width:1000px){.sg-design .nav{gap:18px}.sg-design .bar>.btn{display:none}.sg-design .brand{font-size:.75rem}.sg-design .hero{min-height:690px}.sg-design .split{gap:5%}.sg-design .article-layout{grid-template-columns:180px minmax(0,1fr);gap:5%}}
@media(max-width:720px){.sg-design .bar{min-height:68px}.sg-design .menu-toggle{display:block}.sg-design .nav{display:none;position:absolute;top:100%;left:0;width:100%;padding:20px 5%;background:var(--paper);border-bottom:1px solid var(--line);max-height:80svh;overflow:auto}.sg-design .nav.open{display:block}.sg-design .nav>a,.sg-design .nav>details{display:block;padding:12px 0}.sg-design .mega{position:static;display:block;padding:14px;box-shadow:none}.sg-design .hero{min-height:680px;min-height:calc(100svh - 68px)}.sg-design .hero .wrap{padding:60px 0 125px}.sg-design .hero>img{object-position:60%}.sg-design .hero h1{font-size:clamp(2.8rem,11vw,4.8rem)}.sg-design .hero-foot{display:block}.sg-design .hero-foot span{display:block;margin-top:5px}.sg-design .section{padding-block:60px}.sg-design .split,.sg-design .systems,.sg-design .applications,.sg-design .footer-grid{grid-template-columns:1fr;gap:32px}.sg-design .section-heading{display:block}.sg-design .section-heading p{margin-top:22px}.sg-design .strip .wrap{grid-template-columns:1fr 1fr}.sg-design .strip div div{padding:18px 10px 18px 0}.sg-design .application,.sg-design .application:first-child{padding:25px 0;border-right:0}.sg-design .applications{gap:0}.sg-design .page-hero{padding:25px 0 50px}.sg-design .article-layout{display:block;padding-block:40px}.sg-design .toc{position:static;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:35px}.sg-design .toc a{display:inline-block;margin-right:18px}.sg-design .brief-form{grid-template-columns:1fr}.sg-design .footer-grid{gap:30px}.sg-design .btn{padding:13px 18px}.sg-design .hero .lead{font-size:1rem}.sg-design .system{padding:25px;min-height:320px}.sg-design .demo{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.sg-design *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}