@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;1,400&display=swap');
:root{color-scheme:dark;--bg:#090a09;--fg:#f3f1ed;--dim:#acaeaa;--soft:#8d928c;--line:#383c38;--ease:cubic-bezier(.21,.75,.19,1);font-family:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);min-width:320px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #d6e5c1;outline-offset:4px}
.sh-topbar{height:76px;border-bottom:1px solid #ffffff14;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4.3vw,88px);gap:20px;background:#0b0c0b;position:relative;z-index:3}
.sh-brand{display:inline-flex;align-items:center;gap:12px;font:600 12px/1 "Manrope",sans-serif;letter-spacing:.12em;white-space:nowrap}
.sh-brand img{object-fit:contain}.sh-brand strong{font-weight:700}.sh-nav{display:flex;align-items:center;gap:30px}.sh-nav a{color:#bfc1bb;font:500 12px/1 Arial;transition:color .25s}.sh-nav a:hover{color:#fff}.sh-toplink{font-size:12px;font-weight:600;border-bottom:1px solid #ccc7b7;padding:13px 0;white-space:nowrap}.sh-toplink span{margin-left:10px}
.sh-hero{position:relative;min-height:min(700px,82svh);overflow:hidden;display:flex;align-items:center;padding:75px clamp(20px,6.4vw,110px);background:radial-gradient(ellipse at 79% 36%,#242a23 0,#131613 31%,#090a09 65%)}
.sh-hero:after{content:"";position:absolute;inset:0;opacity:.16;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 114px,#c2d6b5 115px,#c2d6b5 116px);pointer-events:none;mask-image:linear-gradient(90deg,transparent 28%,black)}
.sh-orbit{position:absolute;border-radius:50%;border:1px solid #acb7a630;right:-150px;top:-300px;width:min(80vw,1000px);aspect-ratio:1;transform:rotateX(40deg);box-shadow:0 0 1px 100px #888f8420,0 0 1px 220px #888f8411,0 0 1px 350px #888f8407}
.sh-hero-content{position:relative;z-index:1;width:100%;max-width:1480px;margin:auto}
.sh-eyebrow{display:flex;align-items:center;gap:13px;font:600 10px/1.5 "Manrope",Arial;letter-spacing:.18em;color:#c0c6ba;flex-wrap:wrap}
.sh-dot{width:7px;height:7px;background:#dde0ca;display:inline-block;border-radius:50%;box-shadow:0 0 20px #d9dfcaa6}
.sh-mini-line{height:1px;width:45px;background:#6e786b}
.sh-hero h1{font:400 clamp(65px,9vw,150px)/.96 "Playfair Display",Georgia,serif;letter-spacing:-.065em;max-width:1100px;margin:34px 0 56px}
.sh-hero h1 em{font-weight:400;color:#c3c9b8}.sh-hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px;max-width:1100px}
.sh-hero-bottom p{font:400 clamp(15px,1.5vw,20px)/1.78 "DM Sans",Arial;max-width:540px;margin:0;color:#c8ccc4}
.sh-main-link{display:inline-flex;gap:50px;align-items:center;white-space:nowrap;font-size:13px;font-weight:600;border-bottom:1px solid #899585;padding-bottom:14px;transition:gap .35s var(--ease)}
.sh-main-link:hover{gap:65px}.sh-hero-watermark{position:absolute;bottom:22px;right:4.4%;color:#93998d;opacity:.43;letter-spacing:.25em;font-size:10px}
.sh-content{padding:clamp(65px,8vw,145px) clamp(18px,5vw,88px);max-width:1700px;margin:auto}
.sh-content-top{display:flex;align-items:flex-end;justify-content:space-between;gap:35px}
.sh-kicker{font:700 10px/1.6 "Manrope",Arial;letter-spacing:.2em;color:#9fa79b;margin:0 0 21px}
.sh-content-top h2,.sh-note h2{font:400 clamp(42px,5.3vw,82px)/1.09 "Playfair Display",Georgia,serif;letter-spacing:-.04em;margin:0}
.sh-content-top h2 em,.sh-note h2 em{color:#c9cebd}.sh-content-sub{font:400 15px/1.8 Arial;max-width:630px;color:#acb0a8;margin:21px 0 0}
.sh-counter{display:flex;align-items:end;gap:13px;padding:0 0 8px}.sh-counter strong{font:400 84px/.9 Georgia,serif;letter-spacing:-.08em}.sh-counter span{font:600 10px/1.5 Arial;letter-spacing:.12em;color:#858e81}
.sh-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:60px 0 26px;padding-bottom:14px;border-bottom:1px solid #53574e}
.sh-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.sh-tabs button{cursor:pointer;border:0;background:transparent;color:#a0a69c;padding:12px 18px;font-weight:500;font-size:12px;transition:color .25s,background .25s;border-radius:2px}
.sh-tabs button:hover{color:#fff}.sh-tabs button.is-active{background:#e7e8de;color:#1a1e18}
.sh-tabs span{font-size:9px;opacity:.67;margin-left:5px}.sh-search{display:flex;align-items:center;gap:13px;border-bottom:1px solid #636961;padding-bottom:10px;width:min(280px,100%)}
.sh-search svg{height:16px;width:16px;fill:none;stroke:#babfb3;stroke-width:1.7}.sh-search input{width:100%;background:transparent;border:0;outline:0;color:white;font-size:12px}
.sh-search input::placeholder{color:#898f85}.sh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:47px 21px}
.sh-card{min-width:0;animation:sh-reveal .5s var(--ease) both}.sh-card-image{position:relative;overflow:hidden;aspect-ratio:1.43;background:#232725;display:block;isolation:isolate;border:1px solid #ffffff1b}
.sh-card-image:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#292d2c,#111410);z-index:-2}
.sh-card-image[data-tone="luxe"]:before{background:linear-gradient(120deg,#1d1031,#5750a0,#100b1e)}.sh-card-image[data-tone="nova"]:before{background:radial-gradient(circle at 75% 38%,#7a7360 1%,#171a21 32%,#050708 70%)}
.sh-card-image[data-tone="nocta"]:before{background:linear-gradient(130deg,#141414,#444,#000)}
.sh-card-image[data-tone="fintech"]:before,.sh-card-image[data-tone="orbyn"]:before{background:linear-gradient(130deg,#142126,#193c42,#101918)}
.sh-card-image img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .8s var(--ease),filter .8s var(--ease);filter:saturate(.88)}
.sh-card:hover img{transform:scale(1.045);filter:saturate(1)}.sh-card-image .sh-faux{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:400 clamp(37px,4.8vw,75px)/1.1 "Playfair Display",Georgia,serif;letter-spacing:.07em;color:#eee9da;z-index:0}
.sh-card-index{position:absolute;top:14px;left:14px;padding:7px 9px;background:#101311ae;border:1px solid #fff3;color:white;letter-spacing:.1em;font-size:10px;z-index:1}
.sh-card-action{position:absolute;bottom:14px;right:14px;background:#f8f7ec;color:#10130f;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:21px;z-index:1;transition:transform .4s var(--ease)}
.sh-card:hover .sh-card-action{transform:rotate(45deg)}.sh-card-data{padding:21px 1px 0}
.sh-card-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#aeb5aa;letter-spacing:.14em;font-size:9px;font-weight:600;text-transform:uppercase}
.sh-usage{color:#b7a97e}.sh-card h3{font:400 clamp(27px,2.7vw,39px)/1.1 "Playfair Display",Georgia,serif;letter-spacing:-.028em;margin:13px 0}
.sh-card p{font:400 13px/1.75 "DM Sans",Arial;color:#aaaFA7;margin:0;min-height:70px;max-width:95%}
.sh-card-buttons{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:23px;padding-top:16px;border-top:1px solid #333832}
.sh-card-buttons a{font:600 11px/1.5 "DM Sans",Arial;transition:color .2s}.sh-card-buttons a:hover{color:#c4d3b7}.sh-card-buttons a:nth-child(2){color:#929b90}
.sh-no-results{color:#c4c7c0;padding:40px 0}
.sh-note{padding:90px clamp(20px,6vw,100px);background:#e8e8e0;color:#171a16;display:grid;grid-template-columns:1fr 1fr;gap:50px}
.sh-note .sh-kicker{color:#677064}.sh-note h2 em{color:#748070}
.sh-note-copy{max-width:600px;justify-self:end}.sh-note-copy p{font:400 14px/1.9 "DM Sans",Arial;color:#4c5449;margin:0 0 19px}.sh-note-copy a{display:inline-block;border-bottom:1px solid #3f4c3c;padding:8px 0;font-size:12px;font-weight:700}
.sh-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:34px clamp(20px,5vw,88px);font:600 10px "DM Sans",Arial;letter-spacing:.09em;color:#9aa299}
.sh-footer b{color:#737b73;padding:0 8px}.sh-footer a{color:#eee}
@keyframes sh-reveal{from{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1120px){.sh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sh-nav{display:none}.sh-hero{min-height:650px}}
@media(max-width:740px){.sh-topbar{height:68px}.sh-hero{min-height:620px;padding:75px 24px}.sh-hero h1{font-size:clamp(55px,11vw,89px)}.sh-hero-bottom{align-items:start;flex-direction:column}.sh-content{padding:74px 22px}.sh-content-top{align-items:start}.sh-counter{display:none}.sh-toolbar{align-items:stretch;flex-direction:column;margin-top:37px}.sh-search{width:100%}.sh-grid{grid-template-columns:1fr;gap:39px}.sh-card h3{font-size:32px}.sh-card p{min-height:0}.sh-note{grid-template-columns:1fr;padding:72px 24px}.sh-note-copy{justify-self:stretch}.sh-footer{flex-wrap:wrap;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sh-card{animation:none}.sh-card-image img,.sh-main-link,.sh-card-action{transition:none!important}}
/* Independent in-site preview shell */
body[data-page="demo"]{height:100svh;display:flex;flex-direction:column;overflow:hidden}
.sh-preview-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 22px;min-height:76px;background:#0c0d0b;border-bottom:1px solid #353a33}
.sh-preview-brand{display:flex;align-items:center;gap:11px}.sh-preview-back{display:flex;align-items:center;gap:8px;color:#e1e2d9;font-size:12px;white-space:nowrap}
.sh-preview-title{font:500 20px/1.2 "Playfair Display",Georgia,serif;margin:0 0 4px}.sh-preview-sub{color:#979f95;letter-spacing:.08em;font-size:10px}
.sh-preview-center{display:flex;align-items:center;gap:8px}.sh-preview-center button{border:1px solid #3a423a;background:#141814;color:#a8b1a4;cursor:pointer;padding:10px 12px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px}
.sh-preview-center button[aria-pressed="true"]{background:#e6e8dc;color:#131611;border-color:#d9dfd4}
.sh-preview-center button svg{height:16px;width:16px;fill:none;stroke:currentColor;stroke-width:1.7}
.sh-preview-links{display:flex;gap:9px;align-items:center;justify-content:end}
.sh-preview-links a,.sh-preview-links button{border:1px solid #575e52;background:#151a14;color:#e9ebdf;cursor:pointer;font:600 11px Arial;padding:11px 13px;white-space:nowrap}
.sh-preview-links a.sh-primary{background:#e6e8dc;color:#111611;border-color:#e6e8dc}
.sh-preview-meta{border-bottom:1px solid #3d413b;background:#121511;display:flex;justify-content:space-between;align-items:center;padding:10px 22px;color:#a6ae9f;font:500 11px Arial;gap:20px}
.sh-preview-meta strong{color:#dcded5;font-weight:600}
.sh-preview-stage{position:relative;flex:1;min-height:0;background:#252925;overflow:auto;display:flex;justify-content:center;align-items:stretch}
.sh-browser{position:relative;width:100%;height:100%;background:#f4f4f4;box-shadow:0 15px 70px #0005;display:flex;flex-direction:column;transition:width .55s var(--ease);flex-shrink:0}
.sh-browser[data-device="tablet"]{width:min(100%,850px)}.sh-browser[data-device="mobile"]{width:min(100%,415px)}
.sh-browser-chrome{height:36px;display:flex;align-items:center;gap:9px;padding:0 13px;border-bottom:1px solid #d4d5d3;color:#7a7d7b;background:#eff0ef}
.sh-browser-chrome i{border-radius:50%;height:8px;width:8px;background:#bbb}.sh-browser-chrome span{margin:auto;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;letter-spacing:.03em}
.sh-browser iframe{width:100%;height:100%;border:0;background:white;display:block;flex:1}
.sh-preview-help{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);background:#10140feb;color:#e5e8e0;padding:12px 18px;border:1px solid #ffffff30;box-shadow:0 8px 45px #0007;z-index:4;border-radius:3px;max-width:min(600px,94%);text-align:center;line-height:1.6;font-size:12px;display:none}
.sh-preview-help.is-visible{display:block}.sh-preview-help a{color:white;text-decoration:underline;text-underline-offset:4px}
.sh-external-note{font:400 11px/1.5 Arial;color:#899188}
@media(max-width:1000px){.sh-preview-center{display:none}.sh-preview-sub{display:none}}
@media(max-width:650px){.sh-preview-top{padding:10px 12px;min-height:63px}.sh-preview-title{font-size:16px}.sh-preview-links a:not(.sh-primary),.sh-preview-links button{display:none}.sh-preview-meta{padding:9px 12px;align-items:start;font-size:10px;gap:10px}.sh-external-note{display:none}.sh-browser-chrome{height:29px}.sh-preview-links a.sh-primary{padding:10px;font-size:10px}}