:root{--ink:#0a0a0a;--paper:#efeee8;--acid:#d7ff3f;--violet:#6958ff;--line:#1a1a1a22;--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.library-noise{position:fixed;z-index:50;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.library-nav{position:absolute;z-index:20;top:0;left:0;right:0;height:96px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;border-bottom:1px solid #ffffff24;color:#fff}.library-brand{display:flex;align-items:center;gap:10px;width:max-content;font:600 13px Manrope;letter-spacing:.05em}.library-brand svg{width:29px;height:29px}.library-brand ellipse{fill:none;stroke:currentColor;stroke-width:4}.library-brand circle{fill:currentColor}.library-brand span{display:flex;flex-direction:column}.library-brand small{font:400 6px DM Mono;letter-spacing:.22em;opacity:.6}.library-nav nav{display:flex;gap:9px;padding:5px;border:1px solid #ffffff27;border-radius:100px;background:#0000001c;backdrop-filter:blur(15px)}.library-nav nav a{padding:10px 17px;border-radius:100px;font-size:10px}.library-nav nav a.active{background:#fff;color:#111}.library-contact{justify-self:end;font-size:10px;border-bottom:1px solid #ffffff6b;padding-bottom:5px}
.library-hero{position:relative;min-height:92svh;overflow:hidden;padding:155px 5vw 70px;background:#0a0a0a;color:#fff}.library-hero:before{content:"";position:absolute;width:48vw;aspect-ratio:1;right:-8vw;top:5%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#8a7dff,#5540f1 25%,#1a0c7a 60%,transparent 70%);filter:blur(4px);box-shadow:0 0 150px #6958ff66}.library-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a0a0a 35%,transparent 75%)}.library-kicker,.library-hero h1,.library-intro{position:relative;z-index:2}.library-kicker{display:flex;align-items:center;gap:10px;font:400 9px DM Mono;text-transform:uppercase;letter-spacing:.13em;color:#929292}.library-kicker i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 15px var(--acid)}.library-hero h1{margin:14vh 0 55px;font:500 clamp(68px,9.5vw,150px)/.79 Manrope;letter-spacing:-.085em}.library-hero h1 em{font-style:normal;color:#777}.library-intro{display:grid;grid-template-columns:minmax(280px,480px) auto;gap:70px;align-items:end}.library-intro p{margin:0;color:#999;font-size:14px;line-height:1.7}.library-intro span{font:400 8px DM Mono;text-transform:uppercase;color:#777}.library-orbit{position:absolute;z-index:2;right:5vw;top:28%;width:29vw;aspect-ratio:1;border:1px solid #ffffff25;border-radius:50%;animation:drift 8s ease-in-out infinite}.library-orbit i{position:absolute;inset:12%;border:1px solid #ffffff28;border-radius:50%}.library-orbit i:nth-child(2){inset:31%;background:var(--acid);border:0;box-shadow:0 0 80px #d7ff3f55}.library-orbit b{position:absolute;right:8%;top:12%;font:400 11px DM Mono}@keyframes drift{50%{transform:translateY(-14px) rotate(5deg)}}
.library-toolbar{min-height:145px;display:flex;align-items:center;justify-content:space-between;padding:30px 5vw;border-bottom:1px solid var(--line)}.library-toolbar p{font:500 13px Manrope}.library-toolbar p span{display:inline-grid;place-items:center;width:42px;height:42px;margin-right:10px;border:1px solid;border-radius:50%;font:400 10px DM Mono}.library-toolbar>div{display:flex;gap:5px}.library-toolbar button{border:1px solid transparent;background:transparent;padding:10px 16px;border-radius:100px;font-size:10px;cursor:pointer}.library-toolbar button.active{border-color:#111;background:#111;color:#fff}
.concept-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:95px 26px;padding:85px 5vw 160px}.concept-card{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease) var(--delay),transform .8s var(--ease) var(--delay)}.concept-card.shown{opacity:1;transform:none}.concept-card:nth-child(2n){margin-top:140px}.concept-card:nth-child(4n+3){grid-column:1/-1;margin:0}.concept-card:nth-child(4n+3) .concept-visual{aspect-ratio:2/1}.concept-visual{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#111;transition:transform .5s var(--ease),box-shadow .5s var(--ease);box-shadow:0 30px 70px transparent}.concept-card:hover .concept-visual{box-shadow:0 35px 75px #0002}.concept-visual>img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}.concept-card:hover img{transform:scale(1.035)}.concept-open{position:absolute;z-index:4;right:18px;bottom:18px;padding:12px 16px;border-radius:100px;background:#fff;color:#111;font:500 8px DM Mono;text-transform:uppercase;transform:translateY(8px);opacity:0;transition:.4s}.concept-card:hover .concept-open{opacity:1;transform:none}.concept-number{position:absolute;z-index:3;left:18px;top:18px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#0008;color:#fff;backdrop-filter:blur(10px);font:400 8px DM Mono}.concept-meta{display:grid;grid-template-columns:1fr auto 26px;align-items:center;gap:20px;padding:19px 3px}.concept-meta h2{margin:0 0 5px;font:500 23px Manrope;letter-spacing:-.04em}.concept-meta p{margin:0;color:#777;font-size:10px}.concept-meta>span{font:400 8px DM Mono;text-transform:uppercase}.concept-meta>b{font-size:20px;font-weight:400}.abstract-preview{position:absolute;inset:0;overflow:hidden}.abstract-preview i{position:absolute;border-radius:50%;border:1px solid currentColor}.abstract-preview i:nth-child(1){width:60%;aspect-ratio:1;right:-10%;top:-15%}.abstract-preview i:nth-child(2){width:38%;aspect-ratio:1;left:12%;bottom:-16%;box-shadow:inset 0 0 0 35px #ffffff17}.abstract-preview i:nth-child(3){width:15%;aspect-ratio:1;left:36%;top:28%;background:currentColor}.abstract-preview strong{position:absolute;left:6%;top:8%;font:500 clamp(56px,9vw,130px)/1 Manrope;letter-spacing:-.1em}.theme-furniture .concept-visual{background:#c8a989;color:#38291d}.theme-portfolio .concept-visual{background:#ff5738;color:#191919}.theme-industrial .concept-visual{background:#d5d8d3;color:#17231e}.theme-restaurant .concept-visual{background:#3c100f;color:#fa9d6c}.theme-hotel img{filter:saturate(.78)}
.library-cta{min-height:680px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#5b48f5;color:#fff;padding:80px 20px}.library-cta>span{font:400 9px DM Mono;text-transform:uppercase;letter-spacing:.13em}.library-cta h2{margin:45px 0;font:500 clamp(54px,7vw,110px)/.88 Manrope;letter-spacing:-.075em}.library-cta a{display:flex;align-items:center;gap:35px;padding:10px 11px 10px 22px;background:#fff;color:#111;border-radius:100px;font-size:11px}.library-cta b{display:grid;place-items:center;width:38px;height:38px;background:var(--acid);border-radius:50%}.library-footer{display:flex;justify-content:space-between;padding:35px 5vw;background:#080808;color:#777;font:400 8px DM Mono;text-transform:uppercase}.library-footer a{color:#ddd}
/* App library */
.app-library{background:#dedcff}.app-library .library-hero{background:#dedcff;color:#111}.app-library .library-nav{color:#111;border-color:#1112}.app-library .library-nav nav{border-color:#1112;background:#ffffff38}.app-library .library-nav nav a.active{background:#111;color:#fff}.app-library .library-hero:before{background:radial-gradient(circle at 40% 35%,#e9ff86,#b9ff43 32%,#6b57ff 68%,transparent 69%);filter:none}.app-library .library-hero:after{background:linear-gradient(90deg,#dedcff 37%,transparent 76%)}.app-library .library-hero h1 em{color:#6756e8}.app-library .library-kicker,.app-library .library-intro p,.app-library .library-intro span{color:#555}.phone-orbit{position:absolute;z-index:3;right:12vw;top:19%;width:21vw;min-width:260px;aspect-ratio:.55;border:7px solid #111;border-radius:3.5vw;background:#0f0f12;padding:20px;transform:rotate(8deg);box-shadow:30px 50px 80px #312a7b4a}.mini-phone{height:100%;border-radius:2.2vw;background:linear-gradient(160deg,#6b58ff,#21176d);color:#fff;padding:18px;font:400 9px DM Mono}.mini-phone i{display:block;height:26%;margin-top:30px;border-radius:20px;background:#ffffff20}.mini-phone i:nth-of-type(2){height:10%;background:var(--acid)}.mini-phone b{position:absolute;right:35px;bottom:35px;display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:var(--acid);color:#111;font-size:28px}.app-grid{grid-template-columns:1fr 1fr}.app-grid .concept-card:nth-child(4n+3){grid-column:auto}.app-grid .concept-card:nth-child(4n+3) .concept-visual{aspect-ratio:4/3}.app-grid .concept-card:nth-child(2n){margin-top:110px}.preview-phone{position:absolute;z-index:2;left:50%;top:8%;width:42%;height:88%;transform:translateX(-50%) rotate(-5deg);border:7px solid #111;border-radius:38px;background:#fff;padding:23px;box-shadow:20px 35px 60px #0004;transition:transform .7s var(--ease)}.concept-card:hover .preview-phone{transform:translateX(-50%) rotate(0) translateY(-5px)}.phone-top{display:flex;justify-content:space-between;font:500 7px DM Mono}.phone-top b{letter-spacing:2px}.phone-copy{margin-top:28%}.phone-copy small{font:400 7px DM Mono;text-transform:uppercase}.phone-copy strong{display:block;margin-top:12px;font:500 clamp(20px,3vw,38px)/.9 Manrope;letter-spacing:-.07em}.phone-copy p{font-size:7px;line-height:1.5}.phone-ui{position:absolute;left:18px;right:18px;bottom:18px}.phone-ui i{display:block;height:30px;margin-top:7px;border-radius:11px;background:#1111}.phone-ui i:first-child{height:70px}.phone-shadow{position:absolute;left:30%;right:28%;height:20%;bottom:-8%;background:#0005;filter:blur(30px);border-radius:50%}.theme-finance .concept-visual{background:#c8ff59}.phone-finance{background:#101114;color:#fff}.phone-finance .phone-ui i:first-child{background:linear-gradient(135deg,#c8ff59,#6b58ff)}.theme-wellness .concept-visual{background:#f4cfc8}.phone-wellness{background:#f7f0e8;color:#493b38}.phone-wellness .phone-ui i:first-child{border-radius:100% 100% 20px 20px;background:#9eb69a}.theme-travel .concept-visual,.theme-foodapp .concept-visual,.theme-marketplace .concept-visual{background:#111}.theme-travel .concept-visual>img,.theme-foodapp .concept-visual>img,.theme-marketplace .concept-visual>img{position:absolute;inset:0;opacity:.45}.phone-travel{background:#f3efe8}.phone-travel .phone-ui i:first-child{background:#e58c5e}.phone-foodapp{background:#ff593b}.phone-foodapp .phone-ui i:first-child{background:#ffe873}.phone-marketplace{background:#ebe6db}.phone-marketplace .phone-ui i:first-child{background:#1f2d62}.theme-ai .concept-visual{background:radial-gradient(circle at 70% 20%,#876cff,#111 50%)}.phone-ai{background:#121218;color:#fff}.phone-ai .phone-ui i:first-child{background:linear-gradient(155deg,#795cff,#54d9ff)}
@media(max-width:850px){.library-nav{height:76px;padding:0 18px}.library-nav nav{display:none}.library-contact{font-size:8px}.library-hero{min-height:820px;padding:125px 22px 55px}.library-hero:before{width:110vw;right:-48vw;top:38%}.library-hero:after{background:linear-gradient(#0a0a0a 28%,transparent 70%)}.app-library .library-hero:after{background:linear-gradient(#dedcff 30%,transparent 70%)}.library-hero h1{margin-top:70px;font-size:clamp(58px,18vw,90px)}.library-intro{grid-template-columns:1fr;gap:20px;width:75%}.library-orbit{width:65vw;right:-17vw;top:55%}.phone-orbit{right:-15vw;top:48%;width:64vw}.library-toolbar{display:block;padding:28px 22px}.library-toolbar>div{margin-top:22px;overflow:auto}.concept-grid,.app-grid{display:block;padding:55px 22px 90px}.concept-card,.concept-card:nth-child(n),.app-grid .concept-card:nth-child(n){display:block;margin:0 0 60px}.concept-card:nth-child(n) .concept-visual{aspect-ratio:4/3}.concept-open{opacity:1;transform:none}.concept-meta{grid-template-columns:1fr auto}.concept-meta>b{display:none}.concept-meta>span{font-size:7px}.preview-phone{width:50%;border-radius:28px}.library-cta{min-height:560px}.library-footer{gap:20px;flex-wrap:wrap}.library-footer span{width:100%}}
.concept-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover!important;opacity:.5;filter:saturate(.85);transform:none!important}.concept-card:hover .concept-backdrop{transform:scale(1.035)!important}
.concept-meta{grid-template-columns:1fr auto}
.library-cta a{min-height:52px;padding:0 24px}.concept-open{padding-inline:17px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.library-orbit{animation:none}.concept-card{opacity:1;transform:none;transition:none}}

/* Captured app interfaces replace the former decorative phone placeholders. */
.concept-number{display:none!important}.app-preview-stack{position:absolute;z-index:3;right:5vw;top:15%;width:39vw;height:70%;pointer-events:none}.app-preview-stack figure{position:absolute;width:28%;height:76%;margin:0;overflow:hidden;border:6px solid #111;border-radius:2.5vw;background:#111;box-shadow:20px 35px 65px #312a7b45;transition:transform .8s var(--ease)}.app-preview-stack figure>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;background:linear-gradient(155deg,#171920,#6857ee);color:#fff}.app-preview-stack figure>div b{font:600 13px Manrope;letter-spacing:.09em}.app-preview-stack figure>div span{margin-top:6px;font:400 7px DM Mono;text-transform:uppercase;opacity:.65}.app-preview-stack figure>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:none!important;transition:opacity .35s}.app-preview-stack figure.preview-ready>img{opacity:1}.stack-moneta{left:4%;top:9%;transform:rotate(-9deg)}.stack-roam{left:35%;top:0;z-index:2;transform:rotate(2deg)}.stack-thread{right:3%;top:12%;transform:rotate(10deg)}.stack-roam>div{background:linear-gradient(155deg,#e4ece8,#e7885f);color:#17312d}.stack-thread>div{background:radial-gradient(circle at 70% 20%,#8064ff,#15121f 60%)}
.app-library .library-hero h1{max-width:58vw;font-size:clamp(68px,8.2vw,132px)}
.app-preview-shot{position:absolute;z-index:2;left:50%;top:4%;width:48%;height:96%;overflow:hidden;border:7px solid #111;border-radius:38px;background:#fff;box-shadow:20px 35px 60px #0005;transform:translateX(-50%) rotate(-4deg);transition:transform .7s var(--ease)}.concept-card:hover .app-preview-shot{transform:translateX(-50%) rotate(0) translateY(-5px)}.app-preview-capture{position:absolute!important;z-index:3;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;object-position:top!important;opacity:0;transform:none!important;transition:opacity .35s!important}.app-preview-shot.preview-ready .app-preview-capture{opacity:1}.app-preview-fallback{position:absolute;inset:0;overflow:hidden;padding:20px;font-family:Manrope}.app-preview-fallback small{font:400 7px DM Mono;text-transform:uppercase}.app-preview-fallback strong{display:block;letter-spacing:-.055em}.fallback-finance{height:100%;padding-top:24%;background:#111419;color:#fff}.fallback-finance strong{margin:12px 0;font-size:27px}.fallback-finance i{display:block;height:28%;margin:24px 0;border-radius:15px;background:linear-gradient(160deg,transparent 47%,#c8ff59 48% 50%,transparent 51%),#ffffff08}.fallback-finance span{font:400 7px DM Mono;color:#9ba0a7}.fallback-wellness{height:100%;padding-top:28%;background:#f3ece6;color:#493b38;text-align:center}.fallback-wellness i{display:block;width:55%;aspect-ratio:1;margin:0 auto 22px;border-radius:51% 49% 45% 55%;background:#9eb69a}.fallback-wellness strong{margin-top:13px;font:500 22px/.95 Georgia,serif}.fallback-travel,.fallback-food,.fallback-fashion{position:absolute;inset:0;color:#fff}.fallback-travel img,.fallback-food img,.fallback-fashion img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important}.fallback-travel:after,.fallback-food:after,.fallback-fashion:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#111c)}.fallback-travel span,.fallback-travel strong,.fallback-food small,.fallback-food strong,.fallback-fashion span,.fallback-fashion strong{position:absolute;z-index:2;left:18px;right:18px}.fallback-travel span,.fallback-food small,.fallback-fashion span{bottom:75px;font:400 7px DM Mono;text-transform:uppercase}.fallback-travel strong,.fallback-food strong,.fallback-fashion strong{bottom:24px;font-size:21px}.fallback-food:after{background:linear-gradient(transparent,#ff593bdd)}.fallback-food strong{font-size:25px}.fallback-fashion strong{font-family:Georgia,serif}.fallback-ai{height:100%;padding-top:24%;background:radial-gradient(circle at 70% 15%,#8064ff,#121218 48%);color:#fff}.fallback-ai i{display:block;width:67%;margin:25px 0 0;padding:13px;border:1px solid #ffffff3b;border-radius:12px;background:#ffffff0d;font:400 8px DM Mono;font-style:normal}.fallback-ai i:nth-of-type(2){margin-left:22%}.fallback-ai i:nth-of-type(3){margin-left:8%}.fallback-ai strong{position:absolute;left:20px;bottom:25px;font:600 12px DM Mono;letter-spacing:.1em}.app-preview-shot.preview-ready .app-preview-fallback{opacity:0}.app-grid .concept-backdrop{opacity:.32;filter:saturate(.8) blur(1px)}
.app-grid .theme-finance .concept-visual{background:radial-gradient(circle at 75% 20%,#efffb0,#b8ef47 52%,#77a92c)}.app-grid .theme-wellness .concept-visual{background:radial-gradient(circle at 28% 30%,#fff2ed,#e9c5bc 70%)}.app-grid .theme-travel .concept-visual{background:radial-gradient(circle at 72% 28%,#f0a26f,#9cc5bd 52%,#4d7c79)}.app-grid .theme-foodapp .concept-visual{background:linear-gradient(145deg,#ffe66d,#ff6545 65%)}.app-grid .theme-marketplace .concept-visual{background:linear-gradient(145deg,#eee8de 45%,#3157ff)}.app-grid .theme-ai .concept-visual{background:radial-gradient(circle at 68% 24%,#876cff,#171421 58%)}
@media(max-width:850px){.app-library .library-hero{min-height:960px}.app-preview-stack{right:-18vw;top:61%;width:100vw;height:39%}.app-preview-stack figure{width:28%;height:82%;border-width:4px;border-radius:5vw}.stack-moneta{left:9%}.stack-roam{left:39%}.stack-thread{right:1%}.app-preview-shot{width:53%;border-radius:28px}.app-library .library-intro{width:78%}}
@media(prefers-reduced-motion:reduce){.app-preview-stack figure,.app-preview-shot{transition:none}}
.library-brand,.library-nav nav a,.library-contact,.library-footer a{min-height:44px;display:flex;align-items:center}.library-toolbar button{min-width:44px;min-height:44px}

/* Let the display headlines lead without ornamental eyebrow copy. */
.library-hero h1{margin-top:7vh}
.library-intro{display:block;max-width:480px}
.library-cta h2{margin-top:0}
@media(max-width:850px){.library-hero h1{margin-top:30px}}