/* NoteG · Solaris visual system. Content and application interactions are preserved. */
:root{color-scheme:dark;--paper:#0a0a0a;--ink:#fafafa;--muted:#a1a1a1;--line:#ffffff14;--blue:#2b5ff6;--panel:#111112;--font:Geist,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--font);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}p,h1,h2,h3{margin:0}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid #89a6ff;outline-offset:5px}::selection{background:#2b5ff66b;color:#fff}[hidden]{display:none!important}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;z-index:100;top:8px;left:8px;padding:12px 20px;background:var(--blue);border-radius:30px;transform:translateY(-150%)}.skip:focus{transform:translateY(0)}
/* The floating, softly frosted navigation follows the reference's 14px shell. */
.header{position:fixed;z-index:20;top:16px;left:50%;transform:translateX(-50%);width:min(1024px,calc(100% - 40px));border:1px solid #ffffff1c;border-radius:14px;background:#1717179c;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 1px 0 #ffffff06 inset}.header-inner.wrap{width:100%;height:58px;padding:8px 12px 8px 20px;display:flex;align-items:center;gap:20px}.brand{display:inline-flex;align-items:center;flex-shrink:0}.brand img{width:119px;height:auto}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:28px;margin:auto;font-size:13px;color:#b7b7b7}.desktop-nav a,.footer a{transition:color .2s}.desktop-nav a:hover,.footer a:hover{color:#fff}.login{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--blue);padding:8px 16px;border-radius:999px;font-size:13px;font-weight:500;white-space:nowrap;transition:background .2s}.login:hover,.button-blue:hover{background:#416ffb}.login svg{width:15px;height:15px}.menu-toggle{display:none}
/* Centered hero, restrained typography and diffuse blue light. */
.hero{position:relative;text-align:center;padding-top:188px;padding-bottom:70px;isolation:isolate}.hero:before{content:"";position:absolute;z-index:-1;pointer-events:none;left:50%;top:58px;transform:translateX(-50%);width:min(1050px,100%);height:620px;background:radial-gradient(ellipse at 50% 20%,#1742b820,transparent 60%)}.hero-meta{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:27px}.eyebrow{font-size:11px;font-weight:400;letter-spacing:.06em;line-height:1.65;color:var(--muted)}.hero-meta .eyebrow{display:flex;align-items:center;gap:9px;border:1px solid #547ee536;border-radius:999px;padding:5px 14px;background:linear-gradient(100deg,#11141d,#18306180);font-size:12px;letter-spacing:0;color:#c1c6d3;box-shadow:0 0 16px #2658ec12}.blue-mark{width:7px;height:7px;flex-shrink:0;background:#4778ff;border-radius:50%;box-shadow:0 0 12px #2b5ff680}.hero-index{font-size:10px;color:#858b9a;letter-spacing:.04em}.hero h1{font-size:clamp(42px,4.5vw,64px);font-weight:400;line-height:1.04;letter-spacing:-.055em;max-width:920px;margin:auto;text-wrap:balance}.hero h1 span{color:#4977ff}.hero-bottom{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin:25px auto 0;max-width:660px}.hero-bottom p{order:-1;flex-basis:100%;font-size:16px;line-height:1.65;color:var(--muted);max-width:570px;margin:0 auto 18px;text-wrap:pretty}.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:40px;padding:10px 20px;font-size:13px;font-weight:500;border-radius:999px;transition:background .2s,transform .2s}.button-blue{background:var(--blue);color:#fff;box-shadow:0 0 0 1px #7395ff26 inset}.button svg{width:16px;height:16px}.button:hover{transform:translateY(-1px)}.scroll-link{width:40px;height:40px;border:1px solid #ffffff24;background:#ffffff03;border-radius:50%;display:grid;place-items:center;transition:background .2s}.scroll-link svg{transform:rotate(90deg);width:17px}.scroll-link:hover{background:#ffffff0d}
/* Original NoteG screens in a matte, softly lit product frame. */
.product{position:relative;isolation:isolate}.product:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-75px -18px 40%;background:radial-gradient(ellipse at center,#1d49da24,transparent 68%)}.product-shell{padding:8px;background:linear-gradient(155deg,#ffffff09,#ffffff02);border:1px solid #ffffff1c;border-radius:20px;box-shadow:0 0 75px -20px #2155fc24,0 20px 60px #0008}.product-top{display:flex;align-items:center;height:52px;padding:0 16px 8px;color:#d4d4d4}.product-caption{display:flex;align-items:center;gap:12px;font-size:12px}.product-symbol{display:flex;align-items:center}.product-symbol img{width:18px;height:18px;object-fit:contain}.screen-counter{margin-left:auto;font-size:10px;color:#949494;letter-spacing:.08em;font-variant-numeric:tabular-nums}.expand-button{display:flex;align-items:center;gap:8px;font-size:11px;color:#b6b6b6;margin-left:24px;padding:8px;border-radius:999px}.expand-button svg{width:15px;height:15px}.expand-button:hover{color:#fff;background:#ffffff0a}.screen-window{border:1px solid #ffffff14;border-radius:12px;overflow:hidden;background:#0e1014}.screen-open{display:block;position:relative;width:100%;padding:0;aspect-ratio:1.9;overflow:hidden;cursor:zoom-in;background:#10131a}.screen-open img{width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top}.screen-hover{position:absolute;bottom:24px;left:50%;transform:translate(-50%,8px);display:flex;align-items:center;gap:10px;padding:11px 19px;border:1px solid #ffffff28;border-radius:999px;background:#171717cf;backdrop-filter:blur(12px);color:white;font-size:12px;opacity:0;transition:opacity .2s,transform .2s;white-space:nowrap}.screen-hover svg{width:16px;height:16px}.screen-open:hover .screen-hover,.screen-open:focus-visible .screen-hover{opacity:1;transform:translate(-50%,0)}.product-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:13px 4px 4px}.product-tabs button{display:flex;align-items:center;text-align:left;gap:10px;min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:999px;font-size:12px;color:#a5a5a5;transition:background .2s,color .2s,border-color .2s}.product-tabs button>span{font-size:10px;color:#808080;font-variant-numeric:tabular-nums}.product-tabs button>svg{width:15px;height:15px;margin-left:auto;opacity:0}.product-tabs button[aria-selected=true]{background:#2452d626;border-color:#477aff4d;color:#c8d6ff}.product-tabs button[aria-selected=true]>span{color:#819fe9}.product-tabs button[aria-selected=true]>svg{opacity:1}.product-tabs button:hover{background:#ffffff08;color:#fff}.screen-footnote{display:flex;justify-content:space-between;gap:32px;padding:19px 8px 0;font-size:11px;line-height:1.65;color:#919191}.screen-footnote>p{max-width:600px}.screen-footnote>span{font-size:10px;white-space:nowrap}
/* Spacious sections and the fine-border cards used throughout Solaris. */
.section-space{padding-top:128px;padding-bottom:112px}h2{font-size:clamp(36px,3.7vw,48px);font-weight:400;line-height:1.1;letter-spacing:-.045em;text-wrap:balance}.section-heading{text-align:center}.section-heading>.eyebrow{margin-bottom:22px}.section-intro{color:var(--muted);font-size:15px;line-height:1.7;margin:22px auto 0;max-width:580px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:48px}.feature{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:300px;padding:32px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(140deg,#17171799,#0d0d0d);box-shadow:0 1px 0 #ffffff03 inset;transition:border-color .2s,background .2s}.feature:hover{border-color:#ffffff25;background:linear-gradient(140deg,#1a1a1a,#0f0f0f)}.feature-number,.services article>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;border:1px solid #ffffff08;background:linear-gradient(135deg,#303030,#202020);font-size:12px;color:#d1d1d1;margin-bottom:29px;font-variant-numeric:tabular-nums}.feature h3{font-size:24px;line-height:1.25;letter-spacing:-.035em;font-weight:400}.feature p{color:var(--muted);font-size:14px;line-height:1.7;max-width:450px;margin-top:14px}.text-link{display:inline-flex;align-items:center;gap:15px;color:#e1e1e1;font-size:12px;font-weight:400;padding:0;margin-top:24px;transition:color .2s}.text-link svg{width:16px;height:16px;transition:transform .2s}.text-link:hover{color:#8aa9ff}.text-link:hover svg{transform:translateX(4px)}.feature-note{font-size:11px;color:#999;margin-top:26px}.feature .text-link,.feature-note{margin-top:auto;padding-top:24px}
.multi-site{position:relative;border-block:1px solid #ffffff0b;background:radial-gradient(ellipse at 80% 50%,#2347b10b,transparent 55%)}.multi-inner{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:90px;padding-block:92px}.multi-copy .eyebrow{margin-bottom:24px}.multi-copy>p:not(.eyebrow){font-size:15px;line-height:1.75;color:var(--muted);max-width:390px;margin-top:22px}.structure{padding:25px;border:1px solid #ffffff14;border-radius:18px;background:linear-gradient(145deg,#191919b3,#0e0e0e);box-shadow:0 24px 64px #0004}.structure-root{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:22px;border-bottom:1px solid var(--line);font-size:11px;color:#999}.structure-root img{width:105px;height:auto}.structure-branches{border-left:1px solid #ffffff1c;margin-left:4px;padding:24px 0 0 22px}.structure-object{position:relative;border:1px solid #ffffff17;border-radius:12px;padding:18px;background:#171717;margin-bottom:12px}.structure-object:before{content:"";position:absolute;top:30px;left:-23px;width:22px;height:1px;background:#ffffff1c}.structure-title{display:flex;align-items:center;gap:9px;margin-bottom:14px}.structure-title h3{font-size:12px;font-weight:400}.structure-dot{width:5px;height:5px;background:#5a82f9;border-radius:50%;flex-shrink:0;box-shadow:0 0 9px #2b5ff650}.object-no{margin-left:auto;font-size:9px;color:#777}.zone-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:10px 0;font-size:11px;color:#b7b7b7}.zone-row>span+span{font-size:9px;color:#888;white-space:nowrap}.structure-note{font-size:10px;color:#909090;margin:16px 0 0 27px}.muted-heading{color:#a1a1a1}.development-intro{max-width:650px}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px}.services article{padding:30px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(150deg,#141414,#0a0a0a)}.services h3{font-size:23px;font-weight:400;line-height:1.2;letter-spacing:-.025em}.services p{font-size:14px;line-height:1.7;color:var(--muted);margin-top:16px}.start{padding-top:8px;padding-bottom:112px}.start-intro{text-align:center}.start-intro .eyebrow{margin-bottom:22px}.steps{list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.steps li{position:relative;padding:28px;border:1px solid var(--line);border-radius:14px;background:#101010}.steps li>span{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:#2b5ff615;border:1px solid #2b5ff640;color:#8aabff;font-size:11px}.steps h3{margin-top:25px;font-size:20px;font-weight:400;letter-spacing:-.025em}.steps p{margin-top:12px;font-size:14px;color:var(--muted);line-height:1.7}
.contact{position:relative;overflow:hidden;border-block:1px solid #ffffff12;background:radial-gradient(ellipse at 50% 110%,#214ace22,transparent 65%),#0c0c0d}.contact-inner{padding-block:76px}.contact-top{display:flex;align-items:center;justify-content:center;gap:16px;color:#9fa7bf}.contact-top>span{font-size:11px;color:#838ca5}.contact-main{display:flex;align-items:center;justify-content:center;gap:35px;margin:26px 0}.contact h2{text-align:center;font-size:clamp(40px,4.5vw,60px);line-height:1.08;letter-spacing:-.05em}.contact-circle{display:grid;place-items:center;flex-shrink:0;width:62px;height:62px;border-radius:50%;background:var(--blue);box-shadow:0 0 24px #2b5ff626;transition:background .2s,transform .2s}.contact-circle svg{width:26px;height:26px}.contact-circle:hover{background:#4978ff;transform:translateY(-2px)}.contact-bottom{text-align:center}.contact-bottom p{color:var(--muted);font-size:14px;line-height:1.75}.contact-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:26px}.contact-links>a{border:1px solid #ffffff21;background:#ffffff04;border-radius:999px;padding:10px 19px;font-size:14px;transition:background .2s,border-color .2s}.contact-links>a:hover{background:#ffffff09;border-color:#ffffff40}.footer{display:flex;align-items:center;gap:35px;padding-block:44px}.footer .brand img{width:108px}.footer p{font-size:11px;color:#999;line-height:1.7}.footer>a:not(.brand){display:flex;align-items:center;gap:10px;margin-left:auto;font-size:12px;color:#b7b7b7}.footer svg{width:15px;height:15px}.footer>span{font-size:11px;color:#888}
/* Existing accessible screen viewer. */
dialog{border:1px solid #ffffff26;border-radius:18px;padding:0;width:min(1500px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 40px);color:var(--ink);background:#131313;overflow:hidden;box-shadow:0 30px 120px #0009}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border-bottom:1px solid var(--line);flex-shrink:0}.dialog-header h2{font-size:18px;letter-spacing:-.02em}.dialog-header p{font-size:10px;color:#999;margin-top:5px}.dialog-header button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0}.dialog-header button:hover,.dialog-footer button:hover{background:#ffffff0d}.dialog-image-wrap{overflow:auto;background:#111;min-height:0}.dialog-image-wrap img{width:100%;height:auto;max-width:none}.dialog-footer{display:flex;justify-content:center;align-items:center;gap:26px;padding:10px;border-top:1px solid var(--line);flex-shrink:0}.dialog-footer button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff1f;border-radius:50%}.dialog-footer span{font-size:11px;color:#999;font-variant-numeric:tabular-nums}.reverse{transform:rotate(180deg)}
@media(max-width:1000px){.desktop-nav{gap:20px}.hero{padding-top:166px}.hero h1{font-size:56px}.product-tabs button{font-size:11px;gap:7px}.product-tabs button>svg{display:none}.multi-inner{gap:40px}.feature{padding:28px}.services article{padding:24px}.services h3{font-size:21px}.footer{gap:22px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{top:12px;width:calc(100% - 28px);border-radius:12px}.header-inner.wrap{height:58px;padding:8px 10px 8px 14px;gap:12px}.brand img{width:104px}.desktop-nav{display:none}.login{margin-left:auto;font-size:11px;padding:8px 12px;min-height:36px;gap:7px}.login svg{width:13px;height:13px}.menu-toggle{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;width:36px;height:40px;padding:8px;flex-shrink:0}.menu-toggle span{width:18px;height:1px;background:#c1c1c1;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}#mobile-nav{display:flex;flex-direction:column;padding:8px 18px 18px;border-top:1px solid var(--line);max-height:calc(100dvh - 100px);overflow:auto}#mobile-nav a{font-size:14px;padding:12px 0;border-bottom:1px solid #ffffff0b}.hero{padding-top:145px;padding-bottom:45px}.hero-meta{flex-direction:column;gap:9px;margin-bottom:23px}.hero-meta .eyebrow{font-size:10px;padding:5px 11px;gap:7px}.hero-index{font-size:9px}.hero h1{font-size:clamp(33px,6.8vw,49px);line-height:1.1;letter-spacing:-.05em}.hero-bottom{margin-top:20px;gap:10px}.hero-bottom p{font-size:14px;line-height:1.7;margin-bottom:13px;max-width:490px}.button{min-height:42px;font-size:12px;padding:10px 17px;gap:12px}.scroll-link{width:42px;height:42px}.product{width:calc(100% - 28px)}.product-shell{padding:5px;border-radius:14px}.product-top{height:48px;padding:0 9px 5px}.product-caption{font-size:10px;gap:8px}.product-symbol img{width:16px;height:16px}.screen-counter{font-size:9px}.expand-button{font-size:0;margin-left:5px;width:38px;height:38px;padding:10px;gap:0;justify-content:center}.screen-window{border-radius:9px}.screen-open{aspect-ratio:1.44}.screen-open img{height:100%;min-height:0;object-fit:contain;object-position:top}.screen-hover{display:none}.product-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:8px 2px 2px}.product-tabs button{font-size:11px;padding:8px 10px;min-height:44px;gap:8px}.product-tabs button>span{font-size:9px}.screen-footnote{flex-direction:column;gap:7px;font-size:10px;padding:14px 6px 0}.screen-footnote>span{font-size:9px;white-space:normal}.section-space{padding-top:80px;padding-bottom:72px}h2{font-size:37px}.section-heading>.eyebrow,.start-intro .eyebrow{margin-bottom:18px;font-size:10px}.section-intro{font-size:14px;margin-top:19px}.feature-grid{gap:12px;margin-top:32px}.feature{padding:24px;min-height:310px;border-radius:14px}.feature-number,.services article>span{width:40px;height:40px;border-radius:11px;margin-bottom:23px}.feature h3{font-size:22px}.feature p{font-size:13px}.feature-note{font-size:10px}.multi-inner{grid-template-columns:1fr;gap:34px;padding-block:64px}.multi-copy{text-align:center}.multi-copy>p:not(.eyebrow){margin-inline:auto;max-width:450px;font-size:14px}.multi-copy .eyebrow{margin-bottom:20px}.structure{width:100%;max-width:480px;margin:auto;padding:22px}.services{grid-template-columns:1fr;gap:12px;margin-top:32px}.services article{padding:26px}.services h3{font-size:23px}.services p{font-size:14px;max-width:530px}.start{padding-bottom:72px}.steps{grid-template-columns:1fr;gap:12px;margin-top:32px}.steps li{padding:24px}.steps h3{margin-top:20px;font-size:22px}.steps p{font-size:14px}.contact-inner{padding-block:60px}.contact-main{flex-direction:column;gap:22px;margin:24px 0}.contact h2{font-size:43px}.contact-circle{width:52px;height:52px}.contact-circle svg{width:24px;height:24px}.contact-bottom p{font-size:13px}.contact-links{gap:10px;margin-top:23px}.contact-links>a{font-size:13px}.footer{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-block:32px}.footer p{font-size:10px}.footer>a:not(.brand){margin:0;font-size:11px}.footer>span{font-size:10px}dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:14px}.dialog-header{padding:14px;gap:12px}.dialog-header h2{font-size:15px}.dialog-header p{font-size:9px}.dialog-image-wrap img{min-width:1000px}.dialog-image-wrap{max-height:calc(100dvh - 175px)}}
@media(max-width:500px){.feature-grid{grid-template-columns:1fr}.feature{min-height:285px}.hero h1{font-size:clamp(31px,7.3vw,37px)}.hero h1 br{display:none}.hero h1 span{display:block}.hero-meta .eyebrow{font-size:9px}.hero-bottom p{font-size:13px}.hero{padding-top:128px}.login svg{display:none}.header-inner.wrap{gap:8px}.brand img{width:92px}.login{font-size:10px;padding-inline:10px}.menu-toggle{width:30px}.product-tabs button{font-size:10px;padding-inline:8px;gap:6px}h2{font-size:34px}.feature h3{font-size:23px}.structure{padding:17px}.structure-branches{padding-left:16px}.structure-object{padding:14px}.structure-object:before{left:-17px;width:16px}.structure-title{gap:7px}.structure-title h3{font-size:11px}.zone-row{font-size:10px}.structure-root img{width:95px}.structure-root>span{font-size:10px}.contact h2{font-size:36px}.footer{gap:20px}.footer p{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(max-width:760px){.product:before{left:-10px;right:-10px}}

@media(min-width:761px) and (max-width:1100px){.product-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}

.privacy-site-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 26px;padding-top:0;padding-bottom:26px;font-size:11px;line-height:1.7;color:#8a91a1}.privacy-site-footer a{text-decoration:underline;text-underline-offset:3px}.privacy-site-footer a:hover{color:#ccd7ef}@media(max-width:760px){.privacy-site-footer{gap:8px 20px;font-size:10px;padding-bottom:24px}}