/* Serene / living systems — reversible presentation layer */
:root{--sg-ink:#173e32;--sg-green:#3d8b6f;--sg-line:#cadbd1;--sg-paper:#f6f8f2;--sg-soft:#e9efe5}
html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:var(--sg-paper)!important;color:var(--sg-ink);-webkit-font-smoothing:antialiased}::selection{background:#d2e8ae;color:#173e32}button,a,input,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #3d8b6f!important;outline-offset:5px}img{max-width:100%}
.sg-main #root>div{background:var(--sg-paper)!important}.sg-main nav{background:rgba(246,248,242,.9)!important;backdrop-filter:blur(18px);border-bottom:1px solid var(--sg-line)}.sg-main nav>div{max-width:1440px}.sg-main nav img[alt=SiG]{width:64px;height:64px;max-width:none}.sg-main nav button{border-radius:8px}.sg-main nav button:first-child>div{background:transparent;width:46px;overflow:visible}.sg-main nav button:first-child>span{font-size:15px;letter-spacing:-.4px}
.sg-hero{min-height:830px!important;background:var(--sg-paper)!important;isolation:isolate}.sg-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 82% 45%,#dbe8cf 0,transparent 50%),linear-gradient(90deg,transparent 49.9%,#234c3010 50%,transparent 50.1%);background-size:auto,96px 96px}.sg-hero>.grain{opacity:.1}.sg-hero>.sg-old-globe{display:none!important}.sg-hero>.sg-hero-content{min-height:830px!important;max-width:1380px;margin:auto;align-items:flex-start;padding:160px 60px 70px}.sg-hero-content>.sg-hero-inner{width:55%;max-width:none;margin:0;text-align:left}.sg-hero .sg-hero-copy{padding:0!important;background:none!important;box-shadow:none!important;border:0!important;backdrop-filter:none!important;animation:none!important;border-radius:0!important;margin-bottom:40px}.sg-hero h1{letter-spacing:-3px;line-height:1.02!important;margin:24px 0 28px!important}.sg-hero h1 span{font-size:clamp(46px,4.65vw,68px)!important;line-height:1.04;margin-bottom:8px}.sg-hero h1 span:last-child{font-weight:500;color:var(--sg-green)!important}.sg-hero #hero-slogan{font-size:16px!important;line-height:1.8!important;text-align:left!important;margin:0 0 30px!important;max-width:540px!important}.sg-hero-copy>div:first-child{background:none!important;padding:0!important;border-radius:0!important;margin-bottom:0!important;font-size:11px!important;letter-spacing:2px;text-transform:uppercase}.sg-hero-copy>div:last-child{justify-content:flex-start;gap:12px}.sg-hero button{font-size:13px!important;border-radius:8px!important;padding:24px 20px!important;box-shadow:none!important}.sg-hero button:first-child{background:#214f3e!important}.sg-hero .sg-stats{justify-content:flex-start;gap:0!important;border-top:1px solid var(--sg-line);padding-top:22px}.sg-stats>div{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0 28px 0 0!important;min-width:110px;text-align:left!important}.sg-stats>div+div{border-left:1px solid var(--sg-line)!important;padding-left:28px!important}.sg-stats>div>div:first-child{font-size:25px!important;font-weight:500!important}.sg-stats>div>div:last-child{font-size:11px!important;text-transform:uppercase;letter-spacing:1px}
.sg-sculpture{position:absolute;right:1.5%;top:170px;width:46%;height:540px;pointer-events:none;display:grid;place-items:center;perspective:900px}.sg-sculpture:before{content:'';position:absolute;width:66%;height:14%;bottom:55px;border-radius:50%;background:#325e3830;filter:blur(25px)}.sg-sculpture-art{width:100%;max-width:610px;animation:sg-drift 14s ease-in-out infinite;filter:drop-shadow(0 20px 18px #294a3220)}.sg-sculpture-logo{position:absolute;width:160px;height:160px;background:var(--sg-ink);mask:url('../sig-logo-new.png') center/contain no-repeat;-webkit-mask:url('../sig-logo-new.png') center/contain no-repeat;opacity:.85}.sg-orbit{position:absolute;width:90%;height:90%;border:1px solid #365c3026;border-radius:50%;transform:rotateX(55deg) rotateZ(-25deg)}.sg-art-label{position:absolute;bottom:0;left:15%;right:12%;display:flex;justify-content:space-between;border-top:1px solid var(--sg-line);padding-top:13px;font:10px ui-monospace,monospace;letter-spacing:1.3px;color:#58745f}.sg-art-label span:first-child:before{content:'●';color:var(--sg-green);margin-right:8px}
.sg-main section[id]{scroll-margin-top:80px;padding-top:100px;padding-bottom:100px}.sg-main section[id]>div.relative{max-width:1320px}.sg-main h2{letter-spacing:-1.8px;font-weight:500!important;line-height:1.12}.sg-main #about{border-top:1px solid var(--sg-line);background:#eaf0e5!important}.sg-main #about .glass{background:#f7f9f2;border-radius:24px;border:1px solid #c2d5c3;box-shadow:0 30px 70px #2849320a}.sg-main #about h3{letter-spacing:-.3px}.sg-main #products{background:var(--sg-paper)!important}.sg-main #products h2:before,.sg-main #about h2:before,.sg-main #documents h2:before{display:block;font:11px ui-monospace,monospace;letter-spacing:2px;margin-bottom:20px;color:#54745c}.sg-main #products h2:before{content:'02 / THE ECOSYSTEM'}.sg-main #about h2:before{content:'01 / OUR PRINCIPLES'}.sg-main #documents h2:before{content:'03 / TRUST & TRANSPARENCY'}.sg-product-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:22px!important}.sg-product-card{grid-column:span 3;border:1px solid #c8d9cc!important;border-radius:20px!important;background:#fffef8!important;box-shadow:none!important;position:relative;overflow:hidden;transition:box-shadow .3s,border-color .3s!important}.sg-product-card:hover{border-color:#75a88b!important;box-shadow:0 16px 50px #17483210!important}.sg-product-card:nth-child(n+3){grid-column:span 2}.sg-product-card h3{font-size:34px!important;font-weight:500!important;letter-spacing:-1px}.sg-product-card p{font-size:14px;line-height:1.8}.sg-product-card button{border-radius:8px!important;font-size:12px!important}.sg-product-card:before{content:attr(data-product-number);position:absolute;right:28px;top:24px;font:11px ui-monospace,monospace;color:#70917d;letter-spacing:1px}.sg-product-card[data-product-number="01"]{background:#e5efdd!important}.sg-main #documents{background:#edf2e8!important;border-block:1px solid var(--sg-line)}.sg-main #documents .glass{border-radius:12px;box-shadow:none;border-color:#c9d9ca;background:#fbfcf7}.sg-main #cta{background:var(--sg-paper)!important}.sg-main #cta .glass{background:#214f3e!important;color:#edf5e6;border-radius:28px;box-shadow:none;border:0}.sg-main #cta h2,.sg-main #cta p{color:#eff6e7!important}.sg-main #cta .glass>div:first-child{color:#cde5b6!important}.sg-main footer{border-top:1px solid var(--sg-line);background:#e7eee2!important}.sg-main> a[href*="hub.serene"]{border-radius:10px!important;box-shadow:0 5px 20px #214f3e12!important;font-size:12px!important;bottom:18px!important;right:18px!important}
@keyframes sg-drift{0%,100%{transform:translateY(-9px) rotate(-8deg) rotateY(-7deg)}50%{transform:translateY(9px) rotate(7deg) rotateY(7deg)}}
/* Shared product surfaces. Existing IDs, event handlers and all content are retained. */
.sg-hub .bg-mesh,.sg-labs .bg-mesh{background:radial-gradient(ellipse at 90% 0,#d5e6ca,transparent 55%),radial-gradient(ellipse at 0 80%,#e3ebd8,transparent 65%)!important}.sg-hub .nav{background:#f6f8f2e8!important;border-bottom:1px solid var(--sg-line)}.sg-hub .hero{padding-top:76px!important;padding-bottom:40px!important;text-align:left!important}.sg-hub .hero-title{font-size:clamp(42px,5vw,66px)!important;letter-spacing:-3px!important;font-weight:500!important}.sg-hub .hero-sub{margin-left:0!important;max-width:650px!important}.sg-hub .card,.sg-hub .premium-card{border-radius:20px!important;border:1px solid var(--sg-line)!important;box-shadow:0 15px 50px #214f3e08!important}.sg-hub .premium-card{background:linear-gradient(135deg,#e5eedc,#fffef8)!important}.sg-hub .price-amount{font-weight:500!important;letter-spacing:-2px}.sg-hub .btn-subscribe,.sg-hub .login-btn,.sg-hub .btn-hg{border-radius:9px!important}.sg-hub .features-grid{border-top:1px solid var(--sg-line);padding-top:25px}.sg-hub .site-footer{border-color:var(--sg-line)}
.sg-labs .landing-hero{background:radial-gradient(ellipse at 50% 30%,#dbe9cf,transparent 60%),linear-gradient(90deg,#234c3008 1px,transparent 1px);background-size:auto,80px 80px;overflow:hidden}.sg-labs .landing-hero:before{content:'';position:absolute;width:650px;height:650px;border:1px solid #557b4925;border-radius:50%;transform:rotateX(55deg);pointer-events:none}.sg-labs .landing-title{font-size:clamp(48px,6vw,80px)!important;font-weight:500!important;letter-spacing:-3px!important}.sg-labs .landing-logo{width:110px!important;height:110px!important;background-color:#285c45!important;box-shadow:none!important}.sg-labs .auth-btns,.sg-labs .landing-sub,.sg-labs .landing-footer,.sg-labs .product-preview{position:relative}.sg-labs .btn,.sg-labs .auth-provider-btn{border-radius:10px!important}.sg-labs .glass-rail{background:#eaf0e5!important;border-right:1px solid var(--sg-line)}.sg-labs .chat-area{background:#fcfdf9!important}.sg-labs .canvas-header{box-shadow:none!important;border-bottom:1px solid var(--sg-line)}.sg-labs .input-wrapper{border:1px solid #bacebe!important;border-radius:16px!important;box-shadow:0 8px 30px #2452390a!important}.sg-labs .product-card-mini{border:1px solid var(--sg-line)!important;background:#ffffffa8!important;border-radius:14px!important}.sg-labs .modal,.sg-hub .modal{border-radius:22px!important;border:1px solid var(--sg-line)!important}.sg-labs .empty-title{letter-spacing:-1.5px;font-weight:500!important}.sg-playground{background:radial-gradient(ellipse at top,#e0ecd6,transparent 65%),#f6f8f2!important}.sg-playground h1{font-weight:500!important;letter-spacing:-2px!important}.sg-playground textarea{border-radius:16px!important}
@media(min-width:1000px){.sg-main nav>div>div{justify-content:flex-end;padding-right:230px}.sg-main nav>div>div>div:nth-child(2){margin-right:10px}}
@media(max-width:1100px){.sg-hero>.sg-hero-content{padding-left:32px;padding-right:32px}.sg-hero h1 span{font-size:50px!important}.sg-sculpture{width:43%;top:200px}.sg-product-card:nth-child(n){grid-column:span 3}.sg-product-card:last-child{grid-column:span 6}}
@media(max-width:760px){.sg-hero{min-height:auto!important}.sg-hero>.sg-hero-content{min-height:auto!important;padding:120px 24px 36px}.sg-hero-content>.sg-hero-inner{width:100%}.sg-hero h1{letter-spacing:-2px}.sg-hero h1 span{font-size:clamp(37px,8vw,58px)!important}.sg-hero #hero-slogan{font-size:14px!important;line-height:1.8!important}.sg-sculpture{position:relative;top:auto;right:auto;width:100%;height:340px;margin-top:-10px;margin-bottom:35px}.sg-sculpture-art{width:360px;max-width:100%;height:340px}.sg-sculpture-logo{width:105px;height:105px}.sg-orbit{width:80%;height:90%}.sg-art-label{bottom:0;font-size:9px}.sg-stats>div{min-width:0;padding-right:22px!important}.sg-stats>div+div{padding-left:22px!important}.sg-main section[id]{padding-top:64px;padding-bottom:64px}.sg-main h2{font-size:36px!important}.sg-product-grid{grid-template-columns:1fr!important}.sg-product-card:nth-child(n){grid-column:auto}.sg-hub .hero{padding-top:45px!important}.sg-hub .hero-title{letter-spacing:-2px!important}.sg-labs .landing-hero{padding-top:50px;padding-bottom:50px}.sg-labs .landing-hero:before{width:90vw;height:90vw}.sg-main #cta .glass{padding:45px 24px}.sg-main #cta h2{font-size:38px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.sg-sculpture-art{transform:rotate(-5deg)}}

.sg-products-row{gap:22px!important}.sg-product-card{grid-column:auto!important}.sg-main #products .product-card{min-width:0}

.sg-hub .hero-title{line-height:1.12!important}
@media(max-width:760px){.sg-main>a[href*="hub.serene"]{position:absolute!important;top:82px!important;bottom:auto!important;right:24px!important;padding:8px 12px!important}.sg-hub .hero{padding-bottom:24px!important}}
.sg-playground #root>div{background:radial-gradient(ellipse at 70% 20%,#e0ecd6,transparent 65%),#f6f8f2!important}.sg-playground .glass-zen-subtle{background:#fcfdf8!important;border:1px solid #c9d9ca!important;box-shadow:none!important;border-radius:12px!important}.sg-playground .glass-zen{border:1px solid #c9d9ca!important;box-shadow:0 10px 35px #214f3e0c!important}.sg-playground h1{font-size:clamp(32px,4vw,48px)!important}.sg-playground textarea{font-size:16px!important}

.sg-main>a[href*="hub.serene"]{z-index:40!important}
